#5F6C95 Color

Color Information

HEX	#5F6C95
RGB	95, 108, 149
HSL	226° , 22% , 48%
HSV	226° , 36% , 58%
CMYK	36%, 28%, 0%, 42%

Lighter Shades

#727EA2 #858FAE #99A1BB #ACB3C8 #BFC4D5 #D2D6E1

Darker Shades

#545F83 #485271 #3D455F #31384D #262B3C #1B1E2A

Complementary Palette

#525D80 #5F6C95 #807652 #95895F #A49A75 #7581A4

Analogous Palette

#5F7881 #68838D #59668C #5F6C95 #72688D #7D7297

Triadic Palette

#545F83 #5F6C95 #A25366 #AD6878 #66A253 #5A8F49

Split Complementary Palette

#566186 #5F6C95 #956E5F #A07D6F #87955F #7A8656

Square Palette

#505B7D #5F6C95 #8D6883 #8D8568 #5F956E #79A685

Tetradic Palette

#4E597A #5F6C95 #9649AB #95895F #60AB49 #7DBA6A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F6C95 contains 95 red, 108 green, and 149 blue.

Contrast Ratio: 5.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.09:1