#5B8F9C Color

Color Information

HEX#5B8F9C
RGB91, 143, 156
HSL192° , 26% , 48%
HSV192° , 42% , 61%
CMYK42%, 8%, 0%, 39%

Lighter Shades

#6F9CA8 #82AAB4 #96B7C0 #AAC5CC #BDD2D7 #D1E0E3

Darker Shades

#507E89 #456D77 #3A5C64 #2F4A51 #24393E #19282C

Complementary Palette

#4E7B86 #5B8F9C #84594E #9A675B #A87C72 #729FAA

Analogous Palette

#5F8176 #688D82 #568693 #5B8F9C #68738D #727E97

Triadic Palette

#507E89 #5B8F9C #A64E95 #B163A2 #95A64E #839245

Split Complementary Palette

#52818C #5B8F9C #9A5B6E #A46B7D #9A875B #8B7A52

Square Palette

#4C7883 #5B8F9C #82678E #8E6E67 #6E9A5B #85AA75

Tetradic Palette

#4B7580 #5B8F9C #5845B0 #9A675B #9BB045 #ADBE66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8F9C contains 91 red, 143 green, and 156 blue.

Contrast Ratio: 3.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1