#505BB3 Color

Color Information

HEX#505BB3
RGB80, 91, 179
HSL233° , 39% , 51%
HSV233° , 55% , 70%
CMYK55%, 49%, 0%, 30%

Lighter Shades

#656FBC #7A82C5 #8F96CE #A4AAD7 #B9BDE1 #CED1EA

Darker Shades

#46509E #3D4588 #333A73 #2A2F5D #202448 #161932

Complementary Palette

#454E9A #505BB3 #9A9046 #B3A751 #BEB369 #6972BE

Analogous Palette

#627D8D #6A889A #4B56A8 #505BB3 #7D6A9A #8776A2

Triadic Palette

#46509E #505BB3 #BF4553 #C75B68 #53BF45 #49A83D

Split Complementary Palette

#4852A1 #505BB3 #B37751 #BB8562 #8DB351 #7FA149

Square Palette

#434C96 #505BB3 #A65E8B #A69E5E #51B377 #6DBF8D

Tetradic Palette

#424B93 #505BB3 #B93BC9 #B3A751 #4BC93B #6BD35E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505BB3 contains 80 red, 91 green, and 179 blue.

Contrast Ratio: 6.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1