#9EA2BD Color

Color Information

HEX#9EA2BD
RGB158, 162, 189
HSL232° , 19% , 68%
HSV232° , 16% , 74%
CMYK16%, 14%, 0%, 26%

Lighter Shades

#AAADC5 #B5B8CD #C1C3D5 #CDCFDD #D8DAE5 #E4E5ED

Darker Shades

#8B8FA6 #787B90 #656879 #525462 #3F414C #2C2D35

Complementary Palette

#888BA3 #9EA2BD #A39F88 #BDB99E #C6C3AC #ACAFC6

Analogous Palette

#92A5AF #A1B1BA #9598B2 #9EA2BD #AAA1BA #B2AAC0

Triadic Palette

#8B8FA6 #9EA2BD #C5969C #CCA3A8 #9CC596 #89AD84

Split Complementary Palette

#8E92AA #9EA2BD #BDA99E #C4B2A8 #B2BD9E #A0AA8E

Square Palette

#85889F #9EA2BD #BAA1B1 #BAB6A1 #9EBDA9 #AEC8B7

Tetradic Palette

#82859B #9EA2BD #C48FCC #BDB99E #97CC8F #AAD5A3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9EA2BD contains 158 red, 162 green, and 189 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.5:1