#506994 Color

Color Information

HEX#506994
RGB80, 105, 148
HSL218° , 30% , 45%
HSV218° , 46% , 58%
CMYK46%, 29%, 0%, 42%

Lighter Shades

#657BA1 #7A8DAE #8F9FBB #A4B1C7 #B9C3D4 #CED5E1

Darker Shades

#465C82 #3D5070 #33435F #2A374D #202A3B #161D29

Complementary Palette

#455A7F #506994 #806B45 #957C50 #A48E69 #697EA3

Analogous Palette

#597478 #627F84 #4B638B #506994 #676284 #706A90

Triadic Palette

#465C82 #506994 #A14568 #AC5B7A #68A145 #5C8E3D

Split Complementary Palette

#485F85 #506994 #955A50 #A06B62 #8C9550 #7E8648

Square Palette

#43587C #506994 #8A5C84 #8A795C #50955A #6CA674

Tetradic Palette

#425679 #506994 #813CAA #957C50 #66AA3C #82B95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506994 contains 80 red, 105 green, and 148 blue.

Contrast Ratio: 5.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.8:1