Hex Color #96BBFD - Custom Color

Color Codes

HEX

#96BBFD

RGB

rgb(150, 187, 253)

HSL

hsl(218, 96%, 79%)

CMYK

cmyk(41%, 26%, 0%, 1%)

HSV

hsv(218, 41%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#96EFFD #96BCFD #A496FD

Triadic

#96BCFD #FD96BC #BCFD96

Split Complementary

#96BCFD #FDA496 #EFFD96

Tetradic (Square)

#96BCFD #FD96EF #FDD796 #96FDA4

Complementary

#96BBFD #FDD796

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.82: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: #96BBFD;

color: #96BBFD;

border-color: #96BBFD;

}

Tailwind CSS (with arbitrary values)

bg-[#96BBFD]

text-[#96BBFD]

border-[#96BBFD]

// Example usage: