Hex Color #FCDCC5 - Custom Color

Color Codes

HEX

#FCDCC5

RGB

rgb(252, 220, 197)

HSL

hsl(25, 90%, 88%)

CMYK

cmyk(0%, 13%, 22%, 1%)

HSV

hsv(25, 22%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FCC5C9 #FCDCC5 #FCF7C5

Triadic

#FCDCC5 #C5FCDC #DCC5FC

Split Complementary

#FCDCC5 #C5FCF7 #C5C9FC

Tetradic (Square)

#FCDCC5 #C9FCC5 #C5E5FC #F7C5FC

Complementary

#FCDCC5 #C5E5FC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.18: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: #FCDCC5;

color: #FCDCC5;

border-color: #FCDCC5;

}

Tailwind CSS (with arbitrary values)

bg-[#FCDCC5]

text-[#FCDCC5]

border-[#FCDCC5]

// Example usage: