Hex Color #ECC990 - Custom Color

Color Codes

HEX

#ECC990

RGB

rgb(236, 201, 144)

HSL

hsl(37, 71%, 75%)

CMYK

cmyk(0%, 15%, 39%, 7%)

HSV

hsv(37, 39%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ED9D92 #EDCA92 #E2ED92

Triadic

#EDCA92 #92EDCA #CA92ED

Split Complementary

#EDCA92 #92E2ED #9D92ED

Tetradic (Square)

#EDCA92 #92ED9D #92B5ED #ED92E2

Complementary

#ECC990 #92B5ED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.58:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.32:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ECC990;

color: #ECC990;

border-color: #ECC990;

}

Tailwind CSS (with arbitrary values)

bg-[#ECC990]

text-[#ECC990]

border-[#ECC990]

// Example usage: