Hex Color #D2AEBC - Custom Color

Color Codes

HEX

#D2AEBC

RGB

rgb(210, 174, 188)

HSL

hsl(337, 29%, 75%)

CMYK

cmyk(0%, 17%, 10%, 18%)

HSV

hsv(337, 17%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D2ADCD #D2ADBB #D2B1AD

Triadic

#D2ADBB #BBD2AD #ADBBD2

Split Complementary

#D2ADBB #ADD2B1 #ADCDD2

Tetradic (Square)

#D2ADBB #CDD2AD #ADD2C4 #B1ADD2

Complementary

#D2AEBC #ADD2C4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.00:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.52: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: #D2AEBC;

color: #D2AEBC;

border-color: #D2AEBC;

}

Tailwind CSS (with arbitrary values)

bg-[#D2AEBC]

text-[#D2AEBC]

border-[#D2AEBC]

// Example usage: