#96A2EA Color

Color Information

HEX#96A2EA
RGB150, 162, 234
HSL231° , 67% , 75%
HSV231° , 36% , 92%
CMYK36%, 31%, 0%, 8%

Lighter Shades

#A3ADED #AFB8EF #BCC3F2 #C8CFF4 #D5DAF7 #E2E5F9

Darker Shades

#848FCE #727BB2 #606896 #4E547A #3C415E #2A2D42

Complementary Palette

#818BC9 #96A2EA #C9BE80 #EADD95 #EDE2A4 #A5AFED

Analogous Palette

#99B7C7 #A1C8DD #8D98DC #96A2EA #B5A1DD #BCA8E1

Triadic Palette

#848FCE #96A2EA #F08E9B #F29CA7 #9BF08E #88D37D

Split Complementary Palette

#8792D3 #96A2EA #EAB295 #ECBAA0 #CCEA95 #B8D386

Square Palette

#7E88C5 #96A2EA #E49BCA #E4D99B #95EAB2 #A6EDBE

Tetradic Palette

#7B85C0 #96A2EA #E589F5 #EADD95 #98F589 #ABF79E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96A2EA contains 150 red, 162 green, and 234 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.79:1