Hex Color #96BEEC - Custom Color

Color Codes

HEX

#96BEEC

RGB

rgb(150, 190, 236)

HSL

hsl(212, 69%, 76%)

CMYK

cmyk(36%, 19%, 0%, 7%)

HSV

hsv(212, 36%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#98E9EC #98BFEC #9A98EC

Triadic

#98BFEC #EC98BF #BFEC98

Split Complementary

#98BFEC #EC9A98 #E9EC98

Tetradic (Square)

#98BFEC #EC98E9 #ECC598 #98EC9A

Complementary

#96BEEC #ECC598

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.93:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.87:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #96BEEC;

color: #96BEEC;

border-color: #96BEEC;

}

Tailwind CSS (with arbitrary values)

bg-[#96BEEC]

text-[#96BEEC]

border-[#96BEEC]

// Example usage: