#5F97BD Color

Color Information

HEX#5F97BD
RGB95, 151, 189
HSL204° , 42% , 56%
HSV204° , 50% , 74%
CMYK50%, 20%, 0%, 26%

Lighter Shades

#72A3C5 #85B0CD #99BCD5 #ACC9DD #BFD5E5 #D2E2ED

Darker Shades

#5485A6 #487390 #3D6179 #314F62 #263C4C #1B2A35

Complementary Palette

#5282A3 #5F97BD #A37253 #BE8560 #C79676 #75A6C6

Analogous Palette

#729793 #76A7A3 #598EB2 #5F97BD #767BA7 #8387AF

Triadic Palette

#5485A6 #5F97BD #C9549A #CF69A6 #9AC954 #88B14A

Split Complementary Palette

#5688AA #5F97BD #BE6069 #C57078 #BEB460 #ABA256

Square Palette

#507F9F #5F97BD #AC6BB3 #B3886B #69BE60 #81C879

Tetradic Palette

#4E7C9B #5F97BD #814BD2 #BE8560 #9CD24B #AEDA6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F97BD contains 95 red, 151 green, and 189 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.75:1