#506588 Color

Color Information

HEX#506588
RGB80, 101, 136
HSL218° , 26% , 42%
HSV218° , 41% , 53%
CMYK41%, 26%, 0%, 47%

Lighter Shades

#657796 #7A8AA5 #8F9CB3 #A4AFC1 #B9C1CF #CED4DE

Darker Shades

#465978 #3D4D67 #334157 #2A3547 #202836 #161C26

Complementary Palette

#455775 #506588 #746344 #87734F #988768 #697B99

Analogous Palette

#556F72 #5B777B #4B5F80 #506588 #605B7B #6B668A

Triadic Palette

#465978 #506588 #924561 #9F5B74 #619245 #55803D

Split Complementary Palette

#485B7A #506588 #87574F #936861 #80874F #737A47

Square Palette

#435572 #506588 #7C5A78 #7C705A #4F8757 #6B9A72

Tetradic Palette

#425370 #506588 #793C9A #87734F #5F9A3C #7CAC5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506588 contains 80 red, 101 green, and 136 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1