#5985A6 Color

Color Information

HEX#5985A6
RGB89, 133, 166
HSL206° , 30% , 50%
HSV206° , 46% , 65%
CMYK46%, 20%, 0%, 35%

Lighter Shades

#6D94B1 #81A2BB #95B1C6 #A9C0D1 #BDCEDB #D1DDE6

Darker Shades

#4E7592 #44657E #39556A #2E4556 #243542 #19252E

Complementary Palette

#4D728F #5985A6 #8F694D #A67A59 #B28D70 #7096B2

Analogous Palette

#648785 #6C9390 #547D9C #5985A6 #6C6F93 #787A9B

Triadic Palette

#4E7592 #5985A6 #B34D86 #BC6295 #86B34D #769E44

Split Complementary Palette

#507895 #5985A6 #A6595E #AF6A6E #A6A159 #959150

Square Palette

#4B708B #5985A6 #966699 #997C66 #5EA659 #78B474

Tetradic Palette

#496D88 #5985A6 #7742BD #A67A59 #88BD42 #9DC964

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5985A6 contains 89 red, 133 green, and 166 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1