Hex Color #CD9895 - Custom Color

Color Codes

HEX

#CD9895

RGB

rgb(205, 152, 149)

HSL

hsl(3, 36%, 69%)

CMYK

cmyk(0%, 26%, 27%, 20%)

HSV

hsv(3, 27%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CC93AD #CC9693 #CCB393

Triadic

#CC9693 #93CC96 #9693CC

Split Complementary

#CC9693 #93CCB3 #93ADCC

Tetradic (Square)

#CC9693 #ADCC93 #93CACC #B393CC

Complementary

#CD9895 #93CACC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.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: #CD9895;

color: #CD9895;

border-color: #CD9895;

}

Tailwind CSS (with arbitrary values)

bg-[#CD9895]

text-[#CD9895]

border-[#CD9895]

// Example usage: