#5F85DE Color

Color Information

HEX#5F85DE
RGB95, 133, 222
HSL222° , 66% , 62%
HSV222° , 57% , 87%
CMYK57%, 40%, 0%, 13%

Lighter Shades

#7294E2 #85A2E6 #99B1EA #ACC0EE #BFCEF2 #D2DDF6

Darker Shades

#5475C3 #4865A9 #3D558E #314573 #263559 #1B253E

Complementary Palette

#5272BF #5F85DE #BF9E51 #DEB85E #E3C275 #7596E3

Analogous Palette

#6CA8B7 #72B9CB #597DD1 #5F85DE #8372CB #8D7DCF

Triadic Palette

#5475C3 #5F85DE #E85481 #EB6990 #81E854 #72CC4A

Split Complementary Palette

#5678C8 #5F85DE #DE785E #E1866E #C4DE5E #B0C855

Square Palette

#5070BA #5F85DE #D468BF #D4B468 #5EDE78 #78E38E

Tetradic Palette

#4E6DB6 #5F85DE #BF4DEF #DEB85E #7EEF4D #95F26D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F85DE contains 95 red, 133 green, and 222 blue.

Contrast Ratio: 3.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.97:1