Hex Color #DE9497 - Custom Color

Color Codes

HEX

#DE9497

RGB

rgb(222, 148, 151)

HSL

hsl(358, 53%, 73%)

CMYK

cmyk(0%, 33%, 32%, 13%)

HSV

hsv(358, 33%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DF96BD #DF9698 #DFB896

Triadic

#DF9698 #98DF96 #9698DF

Split Complementary

#DF9698 #96DFB8 #96BDDF

Tetradic (Square)

#DF9698 #BDDF96 #96DFDC #B896DF

Complementary

#DE9497 #96DFDC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.39:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.79:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DE9497;

color: #DE9497;

border-color: #DE9497;

}

Tailwind CSS (with arbitrary values)

bg-[#DE9497]

text-[#DE9497]

border-[#DE9497]

// Example usage: