Hex Color #144724 - Custom Color

Color Codes

HEX

#144724

RGB

rgb(20, 71, 36)

HSL

hsl(139, 56%, 18%)

CMYK

cmyk(72%, 0%, 49%, 72%)

HSV

hsv(139, 72%, 28%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1E4814 #144824 #14483E

Triadic

#144824 #241448 #482414

Split Complementary

#144824 #3E1448 #48141E

Tetradic (Square)

#144824 #141E48 #481437 #483E14

Complementary

#144724 #481437

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.73:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.96: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: #144724;

color: #144724;

border-color: #144724;

}

Tailwind CSS (with arbitrary values)

bg-[#144724]

text-[#144724]

border-[#144724]

// Example usage: