#5FA6C8 Color

Color Information

HEX#5FA6C8
RGB95, 166, 200
HSL199° , 49% , 58%
HSV199° , 53% , 78%
CMYK53%, 17%, 0%, 22%

Lighter Shades

#72B1CF #85BBD5 #99C6DC #ACD1E2 #BFDBE9 #D2E6F0

Darker Shades

#5492B0 #487E98 #3D6A80 #315668 #264250 #1B2E38

Complementary Palette

#528FAC #5FA6C8 #AC6F52 #C8815F #D09375 #75B2D0

Analogous Palette

#6EA097 #75B3A8 #599CBC #5FA6C8 #7580B3 #808AB7

Triadic Palette

#5492B0 #5FA6C8 #D355AB #D869B5 #ABD355 #96BA4B

Split Complementary Palette

#5695B4 #5FA6C8 #C85F73 #CE6F81 #C8B55F #B4A356

Square Palette

#508BA8 #5FA6C8 #AE6ABE #BE856A #73C85F #89D179

Tetradic Palette

#4E88A4 #5FA6C8 #7A4CDC #C8815F #AEDC4C #BDE26C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA6C8 contains 95 red, 166 green, and 200 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.89:1