#5D8AA6 Color

Color Information

HEX#5D8AA6
RGB93, 138, 166
HSL203° , 29% , 51%
HSV203° , 44% , 65%
CMYK44%, 17%, 0%, 35%

Lighter Shades

#7098B1 #84A6BB #97B4C6 #ABC2D1 #BED0DB #D2DEE6

Darker Shades

#527992 #47697E #3C586A #304856 #253742 #1A272E

Complementary Palette

#50778F #5D8AA6 #8F6951 #A67A5E #B28D75 #749AB2

Analogous Palette

#668A86 #6F9590 #57829C #5D8AA6 #6F7495 #7B7E9D

Triadic Palette

#527992 #5D8AA6 #B3518D #BC669B #8DB351 #7C9E47

Split Complementary Palette

#547C95 #5D8AA6 #A65E66 #AF6E75 #A69E5E #958E55

Square Palette

#4E748B #5D8AA6 #946A9A #9A7D6A #66A65E #7EB478

Tetradic Palette

#4C7188 #5D8AA6 #7447BD #A67A5E #90BD47 #A4C968

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D8AA6 contains 93 red, 138 green, and 166 blue.

Contrast Ratio: 3.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.73:1