#9BAAE0 Color

Color Information

HEX	#9BAAE0
RGB	155, 170, 224
HSL	227° , 53% , 74%
HSV	227° , 31% , 88%
CMYK	31%, 24%, 0%, 12%

Lighter Shades

#A7B4E4 #B3BEE7 #BFC9EB #CBD3EF #D7DDF3 #E3E7F6

Darker Shades

#8896C5 #7681AA #636D8F #515874 #3E445A #2B303F

Complementary Palette

#8592C1 #9BAAE0 #C1B484 #E0D19A #E4D7A8 #A9B6E4

Analogous Palette

#9DB4BE #A7C6D3 #92A0D3 #9BAAE0 #B2A7D3 #B9AED5

Triadic Palette

#8896C5 #9BAAE0 #E693A5 #E9A0B0 #A5E693 #91CA81

Split Complementary Palette

#8C99CA #9BAAE0 #E0AD9A #E3B5A4 #CCE09A #B8CA8B

Square Palette

#828FBC #9BAAE0 #D9A0C9 #D9CDA0 #9AE0AD #AAE5BA

Tetradic Palette

#7F8BB8 #9BAAE0 #D78EEC #E0D19A #A2EC8E #B3EFA2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9BAAE0 contains 155 red, 170 green, and 224 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.37:1