Hex Color #34573E - Custom Color

Color Codes

HEX

#34573E

RGB

rgb(52, 87, 62)

HSL

hsl(137, 25%, 27%)

CMYK

cmyk(40%, 0%, 29%, 66%)

HSV

hsv(137, 40%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3B5634 #34563D #34564F

Triadic

#34563D #3D3456 #563D34

Split Complementary

#34563D #4F3456 #56343B

Tetradic (Square)

#34563D #343B56 #56344C #564F34

Complementary

#34573E #56344C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.14:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.58: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: #34573E;

color: #34573E;

border-color: #34573E;

}

Tailwind CSS (with arbitrary values)

bg-[#34573E]

text-[#34573E]

border-[#34573E]

// Example usage: