#5E84A2 Color

Color Information

HEX#5E84A2
RGB94, 132, 162
HSL206° , 27% , 50%
HSV206° , 42% , 64%
CMYK42%, 19%, 0%, 36%

Lighter Shades

#7193AD #85A2B8 #98B0C3 #ABBFCF #BFCEDA #D2DDE5

Darker Shades

#53748F #47647B #3C5468 #314554 #263541 #1A252D

Complementary Palette

#51728B #5E84A2 #8B6A50 #A27B5D #AF8D74 #7595AF

Analogous Palette

#648784 #6C9390 #587C98 #5E84A2 #6C6F93 #787B9B

Triadic Palette

#53748F #5E84A2 #AF5086 #B96595 #86AF50 #769A46

Split Complementary Palette

#557792 #5E84A2 #A25D62 #AB6D72 #A29D5D #928D54

Square Palette

#4F6F88 #5E84A2 #926A95 #957D6A #62A25D #7BB177

Tetradic Palette

#4D6C85 #5E84A2 #7846B9 #A27B5D #87B946 #9DC667

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5E84A2 contains 94 red, 132 green, and 162 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1