#5E89A2 Color

Color Information

HEX#5E89A2
RGB94, 137, 162
HSL202° , 27% , 50%
HSV202° , 42% , 64%
CMYK42%, 15%, 0%, 36%

Lighter Shades

#7197AD #85A5B8 #98B3C3 #ABC2CF #BFD0DA #D2DEE5

Darker Shades

#53798F #47687B #3C5868 #314754 #263741 #1A262D

Complementary Palette

#51768B #5E89A2 #8B6550 #A2765D #AF8974 #759AAF

Analogous Palette

#648782 #6C938E #588198 #5E89A2 #6C7193 #787D9B

Triadic Palette

#53798F #5E89A2 #AF508C #B9659A #8CAF50 #7B9A46

Split Complementary Palette

#557B92 #5E89A2 #A25D66 #AB6D75 #A2995D #928A54

Square Palette

#4F7388 #5E89A2 #8F6A95 #957A6A #66A25D #7EB177

Tetradic Palette

#4D7085 #5E89A2 #7046B9 #A2765D #8FB946 #A3C667

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5E89A2 contains 94 red, 137 green, and 162 blue.

Contrast Ratio: 3.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.65:1