Hex Color #FDDAEC - Custom Color

Color Codes

HEX

#FDDAEC

RGB

rgb(253, 218, 236)

HSL

hsl(329, 90%, 92%)

CMYK

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

HSV

hsv(329, 14%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FCD8FD #FDD8EB #FDD8D9

Triadic

#FDD8EB #EBFDD8 #D8EBFD

Split Complementary

#FDD8EB #D9FDD8 #D8FDFC

Tetradic (Square)

#FDD8EB #FDFCD8 #D8FDEA #D8D9FD

Complementary

#FDDAEC #D8FDEA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.42: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: #FDDAEC;

color: #FDDAEC;

border-color: #FDDAEC;

}

Tailwind CSS (with arbitrary values)

bg-[#FDDAEC]

text-[#FDDAEC]

border-[#FDDAEC]

// Example usage: