#9CA4D2 Color

Color Information

HEX#9CA4D2
RGB156, 164, 210
HSL231° , 38% , 72%
HSV231° , 26% , 82%
CMYK26%, 22%, 0%, 18%

Lighter Shades

#A8AFD7 #B4BADD #C0C5E2 #CCD0E8 #D7DBED #E3E6F2

Darker Shades

#8990B9 #777DA0 #646986 #51556D #3E4254 #2C2E3B

Complementary Palette

#868DB5 #9CA4D2 #B5AF86 #D3CB9C #D9D2AA #AAB1D8

Analogous Palette

#9BADB5 #ABBBC4 #939AC5 #9CA4D2 #B4ABC4 #B9B0C9

Triadic Palette

#8990B9 #9CA4D2 #DA95A1 #DEA2AC #A1DA95 #8EC083

Split Complementary Palette

#8C94BD #9CA4D2 #D3AF9C #D7B7A6 #C0D39C #ADBE8C

Square Palette

#838AB0 #9CA4D2 #CCA4BE #CCC6A4 #9CD3AF #ACDABC

Tetradic Palette

#8086AC #9CA4D2 #D490E0 #D3CB9C #9DE090 #AFE6A4

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA4D2 contains 156 red, 164 green, and 210 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.8:1