Hex Color #96C7CC - Custom Color

Color Codes

HEX

#96C7CC

RGB

rgb(150, 199, 204)

HSL

hsl(186, 35%, 69%)

CMYK

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

HSV

hsv(186, 26%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#94CCB5 #94C6CC #94AACC

Triadic

#94C6CC #CC94C6 #C6CC94

Split Complementary

#94C6CC #CC94AA #CCB594

Tetradic (Square)

#94C6CC #B594CC #CC9A94 #AACC94

Complementary

#96C7CC #CC9A94

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.85:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.34: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: #96C7CC;

color: #96C7CC;

border-color: #96C7CC;

}

Tailwind CSS (with arbitrary values)

bg-[#96C7CC]

text-[#96C7CC]

border-[#96C7CC]

// Example usage: