#5D86A2 Color

Color Information

HEX#5D86A2
RGB93, 134, 162
HSL204° , 27% , 50%
HSV204° , 43% , 64%
CMYK43%, 17%, 0%, 36%

Lighter Shades

#7095AD #84A3B8 #97B2C3 #ABC0CF #BECFDA #D2DDE5

Darker Shades

#52768F #47667B #3C5668 #304654 #253641 #1A262D

Complementary Palette

#50738B #5D86A2 #8B6850 #A2795D #AF8C74 #7497AF

Analogous Palette

#648783 #6C938F #577E98 #5D86A2 #6C7093 #787C9B

Triadic Palette

#52768F #5D86A2 #AF5089 #B96597 #89AF50 #799A46

Split Complementary Palette

#547992 #5D86A2 #A25D64 #AB6D74 #A29B5D #928C54

Square Palette

#4E7188 #5D86A2 #916A95 #957B6A #64A25D #7DB177

Tetradic Palette

#4C6E85 #5D86A2 #7446B9 #A2795D #8BB946 #A0C667

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D86A2 contains 93 red, 134 green, and 162 blue.

Contrast Ratio: 3.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.47:1