Hex Color #C2CFEB - Custom Color

Color Codes

HEX

#C2CFEB

RGB

rgb(194, 207, 235)

HSL

hsl(221, 51%, 84%)

CMYK

cmyk(17%, 12%, 0%, 8%)

HSV

hsv(221, 17%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C1E3EB #C1CFEB #C9C1EB

Triadic

#C1CFEB #EBC1CF #CFEBC1

Split Complementary

#C1CFEB #EBC9C1 #E3EBC1

Tetradic (Square)

#C1CFEB #EBC1E3 #EBDEC1 #C1EBC9

Complementary

#C2CFEB #EBDEC1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.56:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.42: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: #C2CFEB;

color: #C2CFEB;

border-color: #C2CFEB;

}

Tailwind CSS (with arbitrary values)

bg-[#C2CFEB]

text-[#C2CFEB]

border-[#C2CFEB]

// Example usage: