#9CA5D3 Color

Color Information

HEX#9CA5D3
RGB156, 165, 211
HSL230° , 38% , 72%
HSV230° , 26% , 83%
CMYK26%, 22%, 0%, 17%

Lighter Shades

#A8B0D8 #B4BBDE #C0C5E3 #CCD0E8 #D7DBED #E3E6F3

Darker Shades

#8991BA #777DA0 #646A87 #51566E #3E4254 #2C2E3B

Complementary Palette

#868EB5 #9CA5D3 #B5AE86 #D3CA9C #D9D1AA #AAB2D9

Analogous Palette

#9BADB5 #ABBCC4 #939BC6 #9CA5D3 #B4ABC4 #B9B0C9

Triadic Palette

#8991BA #9CA5D3 #DA95A2 #DEA2AD #A2DA95 #8FC083

Split Complementary Palette

#8C95BE #9CA5D3 #D3AF9C #D7B7A6 #C1D39C #AEBE8C

Square Palette

#838BB1 #9CA5D3 #CCA4BE #CCC5A4 #9CD3AF #ACDABC

Tetradic Palette

#8087AD #9CA5D3 #D290E0 #D3CA9C #9EE090 #AFE6A4

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA5D3 contains 156 red, 165 green, and 211 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.88:1