Hex Color #FCCECF - Custom Color

Color Codes

HEX

#FCCECF

RGB

rgb(252, 206, 207)

HSL

hsl(359, 88%, 90%)

CMYK

cmyk(0%, 18%, 18%, 1%)

HSV

hsv(359, 18%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FCCFE6 #FCCFD0 #FCE5CF

Triadic

#FCCFD0 #D0FCCF #CFD0FC

Split Complementary

#FCCFD0 #CFFCE5 #CFE6FC

Tetradic (Square)

#FCCFD0 #E6FCCF #CFFCFB #E5CFFC

Complementary

#FCCECF #CFFCFB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.41:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.87: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: #FCCECF;

color: #FCCECF;

border-color: #FCCECF;

}

Tailwind CSS (with arbitrary values)

bg-[#FCCECF]

text-[#FCCECF]

border-[#FCCECF]

// Example usage: