#507297 Color

Color Information

HEX#507297
RGB80, 114, 151
HSL211° , 31% , 45%
HSV211° , 47% , 59%
CMYK47%, 25%, 0%, 41%

Lighter Shades

#6583A3 #7A94B0 #8FA5BC #A4B6C9 #B9C7D5 #CED8E2

Darker Shades

#466485 #3D5773 #334961 #2A3B4F #202E3C #16202A

Complementary Palette

#456282 #507297 #816444 #96744F #A58768 #6986A6

Analogous Palette

#597878 #628384 #4B6B8E #507297 #626284 #6B6A90

Triadic Palette

#466485 #507297 #A24473 #AD5A84 #73A244 #658F3C

Split Complementary Palette

#486788 #507297 #96504F #A16261 #95964F #868747

Square Palette

#43607F #507297 #8B5B8A #8B745B #4F9650 #6BA76C

Tetradic Palette

#425D7C #507297 #753BAB #96744F #73AB3B #8CBA5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507297 contains 80 red, 114 green, and 151 blue.

Contrast Ratio: 4.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1