#506AA8 Color

Color Information

HEX	#506AA8
RGB	80, 106, 168
HSL	222° , 35% , 49%
HSV	222° , 52% , 66%
CMYK	52%, 37%, 0%, 34%

Lighter Shades

#657CB2 #7A8EBD #8FA0C7 #A4B2D2 #B9C3DC #CED5E7

Darker Shades

#465D94 #3D5180 #33446C #2A3757 #202A43 #161E2F

Complementary Palette

#455B90 #506AA8 #917A46 #A98E51 #B59E69 #697FB4

Analogous Palette

#627D84 #6A8890 #4B649E #506AA8 #726A90 #7C7599

Triadic Palette

#465D94 #506AA8 #B54566 #BE5B78 #66B545 #5A9F3D

Split Complementary Palette

#485F97 #506AA8 #A96351 #B27362 #97A951 #889849

Square Palette

#43598D #506AA8 #9C5E90 #9C895E #51A963 #6DB77C

Tetradic Palette

#42578A #506AA8 #973BBF #A98E51 #62BF3B #7ECB5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506AA8 contains 80 red, 106 green, and 168 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1