Hex Color #CFA993 - Custom Color

Color Codes

HEX

#CFA993

RGB

rgb(207, 169, 147)

HSL

hsl(22, 38%, 69%)

CMYK

cmyk(0%, 18%, 29%, 19%)

HSV

hsv(22, 29%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CE929A #CEA892 #CEC692

Triadic

#CEA892 #92CEA8 #A892CE

Split Complementary

#CEA892 #92CEC6 #929ACE

Tetradic (Square)

#CEA892 #9ACE92 #92B8CE #C692CE

Complementary

#CFA993 #92B8CE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.15:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.75: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: #CFA993;

color: #CFA993;

border-color: #CFA993;

}

Tailwind CSS (with arbitrary values)

bg-[#CFA993]

text-[#CFA993]

border-[#CFA993]

// Example usage: