#5FA3B9 Color

Color Information

HEX#5FA3B9
RGB95, 163, 185
HSL195° , 39% , 55%
HSV195° , 49% , 73%
CMYK49%, 12%, 0%, 27%

Lighter Shades

#72AEC1 #85B9CA #99C4D2 #ACCFDB #BFDAE3 #D2E5EB

Darker Shades

#548FA3 #487C8D #3D6876 #315560 #26414A #1B2E34

Complementary Palette

#528C9F #5FA3B9 #9F6552 #B9765F #C38975 #75B0C3

Analogous Palette

#6C938A #76A297 #5999AE #5FA3B9 #7681A2 #838DAA

Triadic Palette

#548FA3 #5FA3B9 #C454A8 #CB69B2 #A8C454 #94AC4A

Split Complementary Palette

#5693A7 #5FA3B9 #B95F76 #C06F84 #B9A35F #A79356

Square Palette

#50899B #5FA3B9 #9D6BAE #AE7C6B #76B95F #8CC479

Tetradic Palette

#4E8698 #5FA3B9 #6C4BCE #B9765F #ADCE4B #BCD76B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA3B9 contains 95 red, 163 green, and 185 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.54:1