#979EE2 Color

Color Information

HEX#979EE2
RGB151, 158, 226
HSL234° , 56% , 74%
HSV234° , 33% , 89%
CMYK33%, 30%, 0%, 11%

Lighter Shades

#A3AAE5 #B0B5E9 #BCC1EC #C9CDF0 #D5D8F3 #E2E4F7

Darker Shades

#858BC7 #7378AC #616591 #4F5276 #3C3F5A #2A2C3F

Complementary Palette

#8288C2 #979EE2 #C2BB83 #E2DA98 #E6DFA6 #A6ACE6

Analogous Palette

#9BB0BF #A5C1D5 #8E95D4 #979EE2 #B8A5D5 #BDACD8

Triadic Palette

#858BC7 #979EE2 #E8919A #EB9EA6 #9AE891 #88CC80

Split Complementary Palette

#888ECB #979EE2 #E2B598 #E5BCA2 #C4E298 #B0CB89

Square Palette

#7F85BE #979EE2 #DB9EC3 #DBD59E #98E2B5 #A8E7C1

Tetradic Palette

#7C82B9 #979EE2 #E48CEE #E2DA98 #95EE8C #A8F1A1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #979EE2 contains 151 red, 158 green, and 226 blue.

Contrast Ratio: 2.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.44:1