#5D84B0 Color

Color Information

HEX#5D84B0
RGB93, 132, 176
HSL212° , 34% , 53%
HSV212° , 47% , 69%
CMYK47%, 25%, 0%, 31%

Lighter Shades

#7093B9 #84A2C3 #97B0CC #ABBFD6 #BECEDF #D2DDE9

Darker Shades

#52749B #476486 #3C5471 #30455C #253546 #1A2531

Complementary Palette

#507297 #5D84B0 #977751 #B08A5E #BB9A75 #7495BB

Analogous Palette

#6A8E90 #759899 #577CA5 #5D84B0 #767599 #8281A2

Triadic Palette

#52749B #5D84B0 #BC5284 #C46793 #84BC52 #74A548

Split Complementary Palette

#54779E #5D84B0 #B0615E #B8716E #ADB05E #9C9E55

Square Palette

#4E6F94 #5D84B0 #A46AA2 #A4896A #5EB061 #78BD7A

Tetradic Palette

#4C6C90 #5D84B0 #8B49C5 #B08A5E #83C549 #99CF6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D84B0 contains 93 red, 132 green, and 176 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1