Hex Color #CCB079 - Custom Color

Color Codes

HEX

#CCB079

RGB

rgb(204, 176, 121)

HSL

hsl(40, 45%, 64%)

CMYK

cmyk(0%, 14%, 41%, 20%)

HSV

hsv(40, 41%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CD887A #CDB17A #BFCD7A

Triadic

#CDB17A #7ACDB1 #B17ACD

Split Complementary

#CDB17A #7ABFCD #887ACD

Tetradic (Square)

#CDB17A #7ACD88 #7A95CD #CD7ABF

Complementary

#CCB079 #7A95CD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.09:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.05: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: #CCB079;

color: #CCB079;

border-color: #CCB079;

}

Tailwind CSS (with arbitrary values)

bg-[#CCB079]

text-[#CCB079]

border-[#CCB079]

// Example usage: