#5F6CB4 Color

Color Information

HEX#5F6CB4
RGB95, 108, 180
HSL231° , 36% , 54%
HSV231° , 47% , 71%
CMYK47%, 40%, 0%, 29%

Lighter Shades

#727EBD #858FC6 #99A1CF #ACB3D8 #BFC4E1 #D2D6EA

Darker Shades

#545F9E #485289 #3D4573 #31385E #262B48 #1B1E32

Complementary Palette

#525D9B #5F6CB4 #9B9052 #B4A75F #BFB375 #7581BF

Analogous Palette

#6C8593 #778F9C #5966A9 #5F6CB4 #84779C #8F83A5

Triadic Palette

#545F9E #5F6CB4 #C05464 #C86977 #64C054 #58A94A

Split Complementary Palette

#5661A2 #5F6CB4 #B47D5F #BC8A6F #96B45F #87A256

Square Palette

#505B97 #5F6CB4 #A86B93 #A89F6B #5FB47D #79C092

Tetradic Palette

#4E5994 #5F6CB4 #B64AC9 #B4A75F #5DC94A #7AD36B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F6CB4 contains 95 red, 108 green, and 180 blue.

Contrast Ratio: 4.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.32:1