#9BACB2 Color

Color Information

HEX#9BACB2
RGB155, 172, 178
HSL196° , 13% , 65%
HSV196° , 13% , 70%
CMYK13%, 3%, 0%, 30%

Lighter Shades

#A7B6BB #B3C0C4 #BFCACE #CBD4D7 #D7DEE0 #E3E8E9

Darker Shades

#88979D #768387 #636E72 #51595D #3E4547 #2B3032

Complementary Palette

#859499 #9BACB2 #988A84 #B1A09A #BCADA8 #A9B8BD

Analogous Palette

#8AA8A1 #98B3AD #92A2A7 #9BACB2 #98A0B3 #A1A8BA

Triadic Palette

#88979D #9BACB2 #BA91AF #C29EB9 #AFBA91 #9AA480

Split Complementary Palette

#8C9BA0 #9BACB2 #B19AA0 #B9A4AA #B1AC9A #9F9B8B

Square Palette

#829096 #9BACB2 #AD98B3 #B3A098 #A0B19A #AFBDAA

Tetradic Palette

#7F8D92 #9BACB2 #998AC1 #B1A09A #B3C18A #C1CC9F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9BACB2 contains 155 red, 172 green, and 178 blue.

Contrast Ratio: 2.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.09:1