#989EB3 Color

Color Information

HEX#989EB3
RGB152, 158, 179
HSL227° , 15% , 65%
HSV227° , 15% , 70%
CMYK15%, 12%, 0%, 30%

Lighter Shades

#A4AABC #B1B5C5 #BDC1CE #C9CDD7 #D6D8E1 #E2E4EA

Darker Shades

#868B9E #747888 #616573 #4F525D #3D3F48 #2B2C32

Complementary Palette

#83889A #989EB3 #9A9583 #B3AD98 #BEB8A6 #A6ACBE

Analogous Palette

#8AA0A8 #98ACB3 #8F95A8 #989EB3 #A098B3 #A9A1BA

Triadic Palette

#868B9E #989EB3 #BC8F99 #C49CA5 #99BC8F #87A57E

Split Complementary Palette

#898EA1 #989EB3 #B3A098 #BBAAA2 #ACB398 #9BA189

Square Palette

#808596 #989EB3 #B398AC #B3AD98 #98B3A0 #A8BFAF

Tetradic Palette

#7D8293 #989EB3 #B688C3 #B3AD98 #95C388 #A8CE9D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #989EB3 contains 152 red, 158 green, and 179 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.02:1