#5F85D6 Color

Color Information

HEX#5F85D6
RGB95, 133, 214
HSL221° , 59% , 61%
HSV221° , 56% , 84%
CMYK56%, 38%, 0%, 16%

Lighter Shades

#7294DB #85A2E0 #99B1E5 #ACC0EA #BFCEEF #D2DDF4

Darker Shades

#5475BC #4865A3 #3D5589 #31456F #263556 #1B253C

Complementary Palette

#5272B8 #5F85D6 #B89853 #D6B161 #DCBC77 #7596DC

Analogous Palette

#6FA3AE #75B4C2 #597DC9 #5F85D6 #8375C2 #8D80C6

Triadic Palette

#5475BC #5F85D6 #E05782 #E46B91 #82E057 #72C54D

Split Complementary Palette

#5678C1 #5F85D6 #D67661 #DA8471 #C1D661 #AEC157

Square Palette

#5070B4 #5F85D6 #CC6BBA #CCAD6B #61D676 #7ADD8C

Tetradic Palette

#4E6DAF #5F85D6 #B84FE8 #D6B161 #7FE84F #96EC6F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F85D6 contains 95 red, 133 green, and 214 blue.

Contrast Ratio: 3.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.88:1