#5F9BB1 Color

Color Information

HEX#5F9BB1
RGB95, 155, 177
HSL196° , 34% , 53%
HSV196° , 46% , 69%
CMYK46%, 12%, 0%, 31%

Lighter Shades

#72A7BA #85B3C4 #99BFCD #ACCBD6 #BFD7E0 #D2E3E9

Darker Shades

#54889C #487687 #3D6371 #31515C #263E47 #1B2B32

Complementary Palette

#528598 #5F9BB1 #976451 #B0745E #BB8775 #75A9BC

Analogous Palette

#6A9087 #759991 #5992A6 #5F9BB1 #757E99 #8189A2

Triadic Palette

#54889C #5F9BB1 #BC52A0 #C467AB #A0BC52 #8DA548

Split Complementary Palette

#568C9F #5F9BB1 #B05E71 #B86E7F #B09D5E #9E8D55

Square Palette

#508295 #5F9BB1 #966AA4 #A47A6A #71B05E #88BD78

Tetradic Palette

#4E7F91 #5F9BB1 #6A49C5 #B0745E #A4C549 #B4CF6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9BB1 contains 95 red, 155 green, and 177 blue.

Contrast Ratio: 3.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.92:1