Hex Color #FEECCD - Custom Color

Color Codes

HEX

#FEECCD

RGB

rgb(254, 236, 205)

HSL

hsl(38, 96%, 90%)

CMYK

cmyk(0%, 7%, 19%, 0%)

HSV

hsv(38, 19%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FED4CD #FEECCD #F7FECD

Triadic

#FEECCD #CDFEEC #ECCDFE

Split Complementary

#FEECCD #CDF7FE #D4CDFE

Tetradic (Square)

#FEECCD #CDFED4 #CDDFFE #FECDF7

Complementary

#FEECCD #CDDFFE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.16:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.09: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: #FEECCD;

color: #FEECCD;

border-color: #FEECCD;

}

Tailwind CSS (with arbitrary values)

bg-[#FEECCD]

text-[#FEECCD]

border-[#FEECCD]

// Example usage: