Hex Color #CDA98B - Custom Color

Color Codes

HEX

#CDA98B

RGB

rgb(205, 169, 139)

HSL

hsl(27, 40%, 67%)

CMYK

cmyk(0%, 18%, 32%, 20%)

HSV

hsv(27, 32%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CD898D #CDA789 #CDC989

Triadic

#CDA789 #89CDA7 #A789CD

Split Complementary

#CDA789 #89CDC9 #898DCD

Tetradic (Square)

#CDA789 #8DCD89 #89AECD #C989CD

Complementary

#CDA98B #89AECD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.18:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.64: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: #CDA98B;

color: #CDA98B;

border-color: #CDA98B;

}

Tailwind CSS (with arbitrary values)

bg-[#CDA98B]

text-[#CDA98B]

border-[#CDA98B]

// Example usage: