#5866A6 Color

Color Information

HEX#5866A6
RGB88, 102, 166
HSL229° , 31% , 50%
HSV229° , 47% , 65%
CMYK47%, 39%, 0%, 35%

Lighter Shades

#6C78B1 #808BBB #949DC6 #A8AFD1 #BCC2DB #D0D4E6

Darker Shades

#4D5A92 #434E7E #38416A #2E3556 #232942 #191D2E

Complementary Palette

#4C588F #5866A6 #90844C #A79958 #B3A76F #6F7BB2

Analogous Palette

#647C87 #6C8793 #53609C #5866A6 #786C93 #83789B

Triadic Palette

#4D5A92 #5866A6 #B44B5E #BD6171 #5EB44B #539E42

Split Complementary Palette

#4F5C95 #5866A6 #A77158 #B07F69 #8EA758 #80964F

Square Palette

#4A568B #5866A6 #9A6589 #9A9065 #58A771 #73B588

Tetradic Palette

#485488 #5866A6 #A741BE #A79958 #58BE41 #76CA63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5866A6 contains 88 red, 102 green, and 166 blue.

Contrast Ratio: 5.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.88:1