#5F60A6 Color

Color Information

HEX#5F60A6
RGB95, 96, 166
HSL239° , 29% , 51%
HSV239° , 43% , 65%
CMYK43%, 42%, 0%, 35%

Lighter Shades

#7273B1 #8586BB #9999C6 #ACACD1 #BFBFDB #D2D2E6

Darker Shades

#545492 #48497E #3D3D6A #313256 #262642 #1B1B2E

Complementary Palette

#52538F #5F60A6 #8F8E51 #A6A55E #B2B275 #7576B2

Analogous Palette

#66788A #6F8395 #595A9C #5F60A6 #816F95 #8C7B9D

Triadic Palette

#545492 #5F60A6 #B35153 #BC6668 #53B351 #499E47

Split Complementary Palette

#565695 #5F60A6 #A6815E #AF8E6E #83A65E #769555

Square Palette

#50518B #5F60A6 #9A6A83 #9A996A #5EA681 #78B495

Tetradic Palette

#4E4F88 #5F60A6 #BB47BD #A6A55E #49BD47 #6AC968

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F60A6 contains 95 red, 96 green, and 166 blue.

Contrast Ratio: 5.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1