#5B8CA2 Color

Color Information

HEX#5B8CA2
RGB91, 140, 162
HSL199° , 28% , 50%
HSV199° , 44% , 64%
CMYK44%, 14%, 0%, 36%

Lighter Shades

#6F9AAD #82A8B8 #96B5C3 #AAC3CF #BDD1DA #D1DFE5

Darker Shades

#507B8F #456A7B #3A5A68 #2F4954 #243841 #19272D

Complementary Palette

#4E788B #5B8CA2 #8C624F #A3725C #B08673 #729CAF

Analogous Palette

#648780 #6C938C #568498 #5B8CA2 #6C7393 #787F9B

Triadic Palette

#507B8F #5B8CA2 #B04F91 #B9649E #91B04F #809B46

Split Complementary Palette

#527E92 #5B8CA2 #A35C69 #AC6C78 #A3965C #938753

Square Palette

#4C7688 #5B8CA2 #8E6996 #967769 #69A35C #81B276

Tetradic Palette

#4B7385 #5B8CA2 #6A45BA #A3725C #95BA45 #A8C666

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8CA2 contains 91 red, 140 green, and 162 blue.

Contrast Ratio: 3.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.8:1