#989FD2 Color

Color Information

HEX#989FD2
RGB152, 159, 210
HSL233° , 39% , 71%
HSV233° , 28% , 82%
CMYK28%, 24%, 0%, 18%

Lighter Shades

#A4ABD7 #B1B6DD #BDC2E2 #C9CDE8 #D6D9ED #E2E4F2

Darker Shades

#868CB9 #7479A0 #616686 #4F536D #3D4054 #2B2D3B

Complementary Palette

#8389B5 #989FD2 #B5AF83 #D2CB98 #D8D2A6 #A6ACD8

Analogous Palette

#98A9B3 #A7B8C3 #8F95C5 #989FD2 #B2A7C3 #B6ACC8

Triadic Palette

#868CB9 #989FD2 #D99199 #DE9EA5 #99D991 #87BF80

Split Complementary Palette

#898FBD #989FD2 #D2AE98 #D7B6A2 #BCD298 #A9BD89

Square Palette

#8086B0 #989FD2 #CAA0BA #CAC5A0 #98D2AE #A8D9BB

Tetradic Palette

#7D82AC #989FD2 #D58BDF #D2CB98 #95DF8B #A8E5A0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #989FD2 contains 152 red, 159 green, and 210 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.36:1