#5FA6CD Color

Color Information

HEX#5FA6CD
RGB95, 166, 205
HSL201° , 52% , 59%
HSV201° , 54% , 80%
CMYK54%, 19%, 0%, 20%

Lighter Shades

#72B1D3 #85BBD9 #99C6DF #ACD1E5 #BFDBEB #D2E6F1

Darker Shades

#5492B4 #487E9C #3D6A83 #31566B #264252 #1B2E39

Complementary Palette

#528FB0 #5FA6CD #B07353 #CD8660 #D49776 #75B2D4

Analogous Palette

#6FA59D #75B8AE #599CC1 #5FA6CD #757FB8 #7F87BD

Triadic Palette

#5492B4 #5FA6CD #D756AA #DC6AB4 #AAD756 #96BD4C

Split Complementary Palette

#5695B9 #5FA6CD #CD6070 #D2707E #CDBD60 #B9AA56

Square Palette

#508BAC #5FA6CD #B56BC2 #C2896B #70CD60 #87D579

Tetradic Palette

#4E88A8 #5FA6CD #804DE0 #CD8660 #ACE04D #BBE66D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA6CD contains 95 red, 166 green, and 205 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.94:1