Hex Color #EDCCAF - Custom Color

Color Codes

HEX

#EDCCAF

RGB

rgb(237, 204, 175)

HSL

hsl(28, 63%, 81%)

CMYK

cmyk(0%, 14%, 26%, 7%)

HSV

hsv(28, 26%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EDB0B2 #EDCDB0 #EDEBB0

Triadic

#EDCDB0 #B0EDCD #CDB0ED

Split Complementary

#EDCDB0 #B0EDEB #B0B2ED

Tetradic (Square)

#EDCDB0 #B2EDB0 #B0D1ED #EBB0ED

Complementary

#EDCCAF #B0D1ED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.52:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.86: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: #EDCCAF;

color: #EDCCAF;

border-color: #EDCCAF;

}

Tailwind CSS (with arbitrary values)

bg-[#EDCCAF]

text-[#EDCCAF]

border-[#EDCCAF]

// Example usage: