Hex Color #CCAA69 - Custom Color

Color Codes

HEX

#CCAA69

RGB

rgb(204, 170, 105)

HSL

hsl(39, 49%, 61%)

CMYK

cmyk(0%, 17%, 49%, 20%)

HSV

hsv(39, 49%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CC796B #CCAA6B #BECC6B

Triadic

#CCAA6B #6BCCAA #AA6BCC

Split Complementary

#CCAA6B #6BBECC #796BCC

Tetradic (Square)

#CCAA6B #6BCC79 #6B8DCC #CC6BBE

Complementary

#CCAA69 #6B8DCC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.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: #CCAA69;

color: #CCAA69;

border-color: #CCAA69;

}

Tailwind CSS (with arbitrary values)

bg-[#CCAA69]

text-[#CCAA69]

border-[#CCAA69]

// Example usage: