#505DA8 Color

Color Information

HEX#505DA8
RGB80, 93, 168
HSL231° , 35% , 49%
HSV231° , 52% , 66%
CMYK52%, 45%, 0%, 34%

Lighter Shades

#6570B2 #7A84BD #8F97C7 #A4ABD2 #B9BEDC #CED2E7

Darker Shades

#465294 #3D4780 #333C6C #2A3057 #202543 #161A2F

Complementary Palette

#455090 #505DA8 #918646 #A99C51 #B5AA69 #6974B4

Analogous Palette

#627884 #6A8390 #4B579E #505DA8 #776A90 #827599

Triadic Palette

#465294 #505DA8 #B54556 #BE5B6A #56B545 #4C9F3D

Split Complementary Palette

#485497 #505DA8 #A97051 #B27E62 #8AA951 #7C9849

Square Palette

#434E8D #505DA8 #9C5E86 #9C935E #51A970 #6DB787

Tetradic Palette

#424C8A #505DA8 #AB3BBF #A99C51 #4FBF3B #6FCB5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505DA8 contains 80 red, 93 green, and 168 blue.

Contrast Ratio: 6.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.46:1