#96AEDD Color

Color Information

HEX	#96AEDD
RGB	150, 174, 221
HSL	220° , 51% , 73%
HSV	220° , 32% , 87%
CMYK	32%, 21%, 0%, 13%

Lighter Shades

#A3B8E1 #AFC1E5 #BCCBE9 #C8D5ED #D5DFF1 #E2E8F5

Darker Shades

#8499C2 #7284A8 #606F8D #4E5A73 #3C4658 #2A313E

Complementary Palette

#8196BE #96AEDD #BEAA82 #DDC697 #E2CEA6 #A5B9E2

Analogous Palette

#9CB5BA #A5C9CF #8DA4D0 #96AEDD #ACA5CF #B2ABD3

Triadic Palette

#8499C2 #96AEDD #E490AC #E79DB6 #ACE490 #97C97F

Split Complementary Palette

#879DC7 #96AEDD #DDA397 #E0ACA1 #D2DD97 #BDC788

Square Palette

#7E92BA #96AEDD #D69ECE #D6C49E #97DDA3 #A8E2B2

Tetradic Palette

#7B8FB5 #96AEDD #CA8BEA #DDC697 #AAEA8B #B9EEA0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96AEDD contains 150 red, 174 green, and 221 blue.

Contrast Ratio: 2.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.55:1