Hex Color #C7D0AC - Custom Color

Color Codes

HEX

#C7D0AC

RGB

rgb(199, 208, 172)

HSL

hsl(75, 28%, 75%)

CMYK

cmyk(4%, 0%, 17%, 18%)

HSV

hsv(75, 17%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D1C8AD #C8D1AD #B6D1AD

Triadic

#C8D1AD #ADC8D1 #D1ADC8

Split Complementary

#C8D1AD #ADB6D1 #C8ADD1

Tetradic (Square)

#C8D1AD #ADD1C8 #B6ADD1 #D1ADB6

Complementary

#C7D0AC #B6ADD1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.61:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.05: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: #C7D0AC;

color: #C7D0AC;

border-color: #C7D0AC;

}

Tailwind CSS (with arbitrary values)

bg-[#C7D0AC]

text-[#C7D0AC]

border-[#C7D0AC]

// Example usage: