Hex Color #1F5532 - Custom Color

Color Codes

HEX

#1F5532

RGB

rgb(31, 85, 50)

HSL

hsl(141, 47%, 23%)

CMYK

cmyk(64%, 0%, 41%, 67%)

HSV

hsv(141, 64%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27561F #1F5632 #1F564E

Triadic

#1F5632 #321F56 #56321F

Split Complementary

#1F5632 #4E1F56 #561F27

Tetradic (Square)

#1F5632 #1F2756 #561F43 #564E1F

Complementary

#1F5532 #561F43

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.74:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.40: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: #1F5532;

color: #1F5532;

border-color: #1F5532;

}

Tailwind CSS (with arbitrary values)

bg-[#1F5532]

text-[#1F5532]

border-[#1F5532]

// Example usage: