#9CA5DD Color

Color Information

HEX#9CA5DD
RGB156, 165, 221
HSL232° , 49% , 74%
HSV232° , 29% , 87%
CMYK29%, 25%, 0%, 13%

Lighter Shades

#A8B0E1 #B4BBE5 #C0C5E9 #CCD0ED #D7DBF1 #E3E6F5

Darker Shades

#8991C2 #777DA8 #646A8D #515673 #3E4258 #2C2E3E

Complementary Palette

#868EBE #9CA5DD #BEB786 #DDD59C #E2DBAA #AAB2E2

Analogous Palette

#A0B1BA #A9C2D0 #939BD0 #9CA5DD #B8A9D0 #BDB0D4

Triadic Palette

#8991C2 #9CA5DD #E496A0 #E7A3AB #A0E496 #8DC984

Split Complementary Palette

#8C95C7 #9CA5DD #DDB49C #E0BCA6 #C5DD9C #B1C78C

Square Palette

#838BBA #9CA5DD #D7A3C4 #D7D1A3 #9CDDB4 #ACE2C0

Tetradic Palette

#8087B5 #9CA5DD #DF90E9 #DDD59C #9CE990 #AEEDA4

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA5DD contains 156 red, 165 green, and 221 blue.

Contrast Ratio: 2.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.99:1