Hex Color #CCC770 - Custom Color

Color Codes

HEX

#CCC770

RGB

rgb(204, 199, 112)

HSL

hsl(57, 47%, 62%)

CMYK

cmyk(0%, 2%, 45%, 20%)

HSV

hsv(57, 45%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CC9A71 #CCC771 #A3CC71

Triadic

#CCC771 #71CCC7 #C771CC

Split Complementary

#CCC771 #71A3CC #9A71CC

Tetradic (Square)

#CCC771 #71CC9A #7175CC #CC71A3

Complementary

#CCC770 #7175CC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.75:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.97:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #CCC770;

color: #CCC770;

border-color: #CCC770;

}

Tailwind CSS (with arbitrary values)

bg-[#CCC770]

text-[#CCC770]

border-[#CCC770]

// Example usage: