Hex Color #C2CFAD - Custom Color

Color Codes

HEX

#C2CFAD

RGB

rgb(194, 207, 173)

HSL

hsl(83, 26%, 75%)

CMYK

cmyk(6%, 0%, 16%, 19%)

HSV

hsv(83, 16%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D0CCAF #C3D0AF #B3D0AF

Triadic

#C3D0AF #AFC3D0 #D0AFC3

Split Complementary

#C3D0AF #AFB3D0 #CCAFD0

Tetradic (Square)

#C3D0AF #AFD0CC #BBAFD0 #D0AFB3

Complementary

#C2CFAD #BBAFD0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.82: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: #C2CFAD;

color: #C2CFAD;

border-color: #C2CFAD;

}

Tailwind CSS (with arbitrary values)

bg-[#C2CFAD]

text-[#C2CFAD]

border-[#C2CFAD]

// Example usage: