#5062A5 Color

Color Information

HEX#5062A5
RGB80, 98, 165
HSL227° , 35% , 48%
HSV227° , 52% , 65%
CMYK52%, 41%, 0%, 35%

Lighter Shades

#6575B0 #7A88BB #8F9BC5 #A4ADD0 #B9C0DB #CED3E6

Darker Shades

#465691 #3D4A7D #333F6A #2A3356 #202742 #161B2E

Complementary Palette

#45548E #5062A5 #8E7E45 #A59350 #B2A269 #6978B2

Analogous Palette

#5F7781 #68828D #4B5C9B #5062A5 #72688D #7D7297

Triadic Palette

#465691 #5062A5 #B1435B #BA5A6F #5BB143 #509C3B

Split Complementary Palette

#485895 #5062A5 #A56850 #AE7762 #8DA550 #7F9548

Square Palette

#43528B #5062A5 #995C88 #998C5C #50A568 #6CB380

Tetradic Palette

#425087 #5062A5 #9F3ABB #A59350 #56BB3A #74C75D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5062A5 contains 80 red, 98 green, and 165 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1