Hex Color #C1BDAE - Custom Color

Color Codes

HEX

#C1BDAE

RGB

rgb(193, 189, 174)

HSL

hsl(47, 13%, 72%)

CMYK

cmyk(0%, 2%, 10%, 24%)

HSV

hsv(47, 10%, 76%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C1B4AE #C1BDAE #BCC1AE

Triadic

#C1BDAE #AEC1BD #BDAEC1

Split Complementary

#C1BDAE #AEBCC1 #B4AEC1

Tetradic (Square)

#C1BDAE #AEC1B4 #AEB2C1 #C1AEBC

Complementary

#C1BDAE #AEB2C1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.88:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.16: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: #C1BDAE;

color: #C1BDAE;

border-color: #C1BDAE;

}

Tailwind CSS (with arbitrary values)

bg-[#C1BDAE]

text-[#C1BDAE]

border-[#C1BDAE]

// Example usage: