#96AFDE Color

Color Information

HEX#96AFDE
RGB150, 175, 222
HSL219° , 52% , 73%
HSV219° , 32% , 87%
CMYK32%, 21%, 0%, 13%

Lighter Shades

#A3B9E2 #AFC2E6 #BCCCEA #C8D5EE #D5DFF2 #E2E9F6

Darker Shades

#849AC3 #7285A9 #60708E #4E5B73 #3C4659 #2A313E

Complementary Palette

#8197BF #96AFDE #BFA981 #DEC596 #E3CDA5 #A5BAE3

Analogous Palette

#9BB6BB #A4CAD0 #8DA5D1 #96AFDE #ABA4D0 #B1AAD4

Triadic Palette

#849AC3 #96AFDE #E58FAD #E89CB7 #ADE58F #98CA7E

Split Complementary Palette

#879EC8 #96AFDE #DEA196 #E1AAA1 #D3DE96 #BEC887

Square Palette

#7E93BA #96AFDE #D79DCE #D7C39D #96DEA1 #A7E3B0

Tetradic Palette

#7B90B6 #96AFDE #C98AEA #DEC596 #ACEA8A #BBEE9F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96AFDE contains 150 red, 175 green, and 222 blue.

Contrast Ratio: 2.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.64:1