#96ACDF Color

Color Information

HEX#96ACDF
RGB150, 172, 223
HSL222° , 53% , 73%
HSV222° , 33% , 87%
CMYK33%, 23%, 0%, 13%

Lighter Shades

#A3B6E3 #AFC0E7 #BCCAEB #C8D4EE #D5DEF2 #E2E8F6

Darker Shades

#8497C4 #7283A9 #606E8F #4E5974 #3C4559 #2A303E

Complementary Palette

#8194C0 #96ACDF #C0AD81 #DFC996 #E3D1A5 #A5B8E3

Analogous Palette

#9AB4BC #A3C8D1 #8DA2D2 #96ACDF #ADA3D1 #B2AAD5

Triadic Palette

#8497C4 #96ACDF #E68FA9 #E99CB3 #A9E68F #95CA7E

Split Complementary Palette

#879BC9 #96ACDF #DFA496 #E2ADA1 #D0DF96 #BBC987

Square Palette

#7E90BB #96ACDF #D89DCC #D8C69D #96DFA4 #A7E4B3

Tetradic Palette

#7B8DB7 #96ACDF #CE89EB #DFC996 #A7EB89 #B7EF9E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96ACDF contains 150 red, 172 green, and 223 blue.

Contrast Ratio: 2.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.41:1