#989DDE Color

Color Information

HEX#989DDE
RGB152, 157, 222
HSL236° , 51% , 73%
HSV236° , 32% , 87%
CMYK32%, 29%, 0%, 13%

Lighter Shades

#A4A9E2 #B1B5E6 #BDC0EA #C9CCEE #D6D8F2 #E2E4F6

Darker Shades

#868AC3 #7477A9 #61648E #4F5273 #3D3F59 #2B2C3E

Complementary Palette

#8387BF #989DDE #BEBB82 #DDD997 #E2DEA6 #A6ABE3

Analogous Palette

#9CADBA #A5BDCF #8F94D1 #989DDE #B7A5CF #BDABD3

Triadic Palette

#868AC3 #989DDE #E49096 #E79DA3 #96E490 #84C97F

Split Complementary Palette

#898DC8 #989DDE #DDB597 #E0BCA1 #BFDD97 #ACC788

Square Palette

#8084BA #989DDE #D69EBE #D6D49E #97DDB5 #A8E2C1

Tetradic Palette

#7D81B6 #989DDE #E58BEA #DDD997 #91EA8B #A5EEA0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #989DDE contains 152 red, 157 green, and 222 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.35:1