Hex Color #346157 - Custom Color

Color Codes

HEX

#346157

RGB

rgb(52, 97, 87)

HSL

hsl(167, 30%, 29%)

CMYK

cmyk(46%, 0%, 10%, 62%)

HSV

hsv(167, 46%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#346040 #346057 #345460

Triadic

#346057 #573460 #605734

Split Complementary

#346057 #603454 #604034

Tetradic (Square)

#346057 #403460 #60343D #546034

Complementary

#346157 #60343D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.02:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.99:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #346157;

color: #346157;

border-color: #346157;

}

Tailwind CSS (with arbitrary values)

bg-[#346157]

text-[#346157]

border-[#346157]

// Example usage: