#5D84A2 Color

Color Information

HEX#5D84A2
RGB93, 132, 162
HSL206° , 27% , 50%
HSV206° , 43% , 64%
CMYK43%, 19%, 0%, 36%

Lighter Shades

#7093AD #84A2B8 #97B0C3 #ABBFCF #BECEDA #D2DDE5

Darker Shades

#52748F #47647B #3C5468 #304554 #253541 #1A252D

Complementary Palette

#50728B #5D84A2 #8B6A50 #A27B5D #AF8D74 #7495AF

Analogous Palette

#648784 #6C9390 #577C98 #5D84A2 #6C6F93 #787B9B

Triadic Palette

#52748F #5D84A2 #AF5086 #B96595 #86AF50 #769A46

Split Complementary Palette

#547792 #5D84A2 #A25D62 #AB6D72 #A29D5D #928D54

Square Palette

#4E6F88 #5D84A2 #926A95 #957D6A #62A25D #7BB177

Tetradic Palette

#4C6C85 #5D84A2 #7846B9 #A27B5D #87B946 #9DC667

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D84A2 contains 93 red, 132 green, and 162 blue.

Contrast Ratio: 3.92:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.35:1