#5FA9CE Color

Color Information

HEX#5FA9CE
RGB95, 169, 206
HSL200° , 53% , 59%
HSV200° , 54% , 81%
CMYK54%, 18%, 0%, 19%

Lighter Shades

#72B3D4 #85BEDA #99C8E0 #ACD2E6 #BFDDEB #D2E7F1

Darker Shades

#5495B5 #48809D #3D6C84 #31586B #264452 #1B2F3A

Complementary Palette

#5291B1 #5FA9CE #B17252 #CE845F #D59575 #75B5D5

Analogous Palette

#6EA69C #74B9AD #599FC2 #5FA9CE #747FB9 #7E89BE

Triadic Palette

#5495B5 #5FA9CE #D855AC #DD69B6 #ACD855 #97BE4B

Split Complementary Palette

#5698B9 #5FA9CE #CE5F72 #D36F80 #CEBB5F #B9A856

Square Palette

#508EAD #5FA9CE #B469C3 #C38769 #72CE5F #89D679

Tetradic Palette

#4E8BA9 #5FA9CE #7E4CE1 #CE845F #AFE14C #BDE66C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA9CE contains 95 red, 169 green, and 206 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.17:1