#96A6DE Color

Color Information

HEX#96A6DE
RGB150, 166, 222
HSL227° , 52% , 73%
HSV227° , 32% , 87%
CMYK32%, 25%, 0%, 13%

Lighter Shades

#A3B1E2 #AFBBE6 #BCC6EA #C8D1EE #D5DBF2 #E2E6F6

Darker Shades

#8492C3 #727EA9 #606A8E #4E5673 #3C4259 #2A2E3E

Complementary Palette

#818FBF #96A6DE #BFB181 #DECE96 #E3D5A5 #A5B2E3

Analogous Palette

#9BB2BB #A4C4D0 #8D9CD1 #96A6DE #B1A4D0 #B7AAD4

Triadic Palette

#8492C3 #96A6DE #E58FA2 #E89CAD #A2E58F #8FCA7E

Split Complementary Palette

#8795C8 #96A6DE #DEAB96 #E1B3A1 #CADE96 #B6C887

Square Palette

#7E8BBA #96A6DE #D79DC7 #D7CB9D #96DEAB #A7E3B8

Tetradic Palette

#7B88B6 #96A6DE #D58AEA #DECE96 #9FEA8A #B0EE9F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96A6DE contains 150 red, 166 green, and 222 blue.

Contrast Ratio: 2.35:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.95:1