Hex Color #FCDBD9 - Custom Color

Color Codes

HEX

#FCDBD9

RGB

rgb(252, 219, 217)

HSL

hsl(3, 85%, 92%)

CMYK

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

HSV

hsv(3, 14%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FCD9E9 #FCDBD9 #FCECD9

Triadic

#FCDBD9 #D9FCDB #DBD9FC

Split Complementary

#FCDBD9 #D9FCEC #D9E9FC

Tetradic (Square)

#FCDBD9 #E9FCD9 #D9FAFC #ECD9FC

Complementary

#FCDBD9 #D9FAFC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.29:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.27: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: #FCDBD9;

color: #FCDBD9;

border-color: #FCDBD9;

}

Tailwind CSS (with arbitrary values)

bg-[#FCDBD9]

text-[#FCDBD9]

border-[#FCDBD9]

// Example usage: