#5F6EB6 Color

Color Information

HEX	#5F6EB6
RGB	95, 110, 182
HSL	230° , 37% , 54%
HSV	230° , 48% , 71%
CMYK	48%, 40%, 0%, 29%

Lighter Shades

#727FBF #8591C8 #99A2D0 #ACB4D9 #BFC5E2 #D2D6EB

Darker Shades

#5461A0 #48548A #3D4674 #31395F #262C49 #1B1F33

Complementary Palette

#525F9D #5F6EB6 #9C9051 #B5A75E #BFB375 #7582C0

Analogous Palette

#6C8693 #76909E #5967AB #5F6EB6 #83769E #8E82A6

Triadic Palette

#5461A0 #5F6EB6 #C15365 #C86877 #65C153 #59AA49

Split Complementary Palette

#5663A4 #5F6EB6 #B57B5E #BC886E #98B55E #89A355

Square Palette

#505C99 #5F6EB6 #A96A94 #A99F6A #5EB57B #78C190

Tetradic Palette

#4E5A95 #5F6EB6 #B549CA #B5A75E #5FCA49 #7CD46A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F6EB6 contains 95 red, 110 green, and 182 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1