Hex Color #FCC2DD - Custom Color

Color Codes

HEX

#FCC2DD

RGB

rgb(252, 194, 221)

HSL

hsl(332, 91%, 87%)

CMYK

cmyk(0%, 23%, 12%, 1%)

HSV

hsv(332, 23%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FCC0FA #FCC0DC #FCC2C0

Triadic

#FCC0DC #DCFCC0 #C0DCFC

Split Complementary

#FCC0DC #C0FCC2 #C0FAFC

Tetradic (Square)

#FCC0DC #FAFCC0 #C0FCE0 #C2C0FC

Complementary

#FCC2DD #C0FCE0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.90: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: #FCC2DD;

color: #FCC2DD;

border-color: #FCC2DD;

}

Tailwind CSS (with arbitrary values)

bg-[#FCC2DD]

text-[#FCC2DD]

border-[#FCC2DD]

// Example usage: