#506DE2 Color

Color Information

HEX#506DE2
RGB80, 109, 226
HSL228° , 72% , 60%
HSV228° , 65% , 89%
CMYK65%, 52%, 0%, 11%

Lighter Shades

#657FE5 #7A90E9 #8FA2EC #A4B3F0 #B9C5F3 #CED6F7

Darker Shades

#4660C7 #3D53AC #334691 #2A3976 #202C5A #161F3F

Complementary Palette

#455EC2 #506DE2 #C2A945 #E2C550 #E6CD69 #6981E6

Analogous Palette

#5F9EB9 #64AECE #4B66D4 #506DE2 #8464CE #8D71D1

Triadic Palette

#4660C7 #506DE2 #ED4567 #EF5B79 #67ED45 #5BD13D

Split Complementary Palette

#4862CB #506DE2 #E27C50 #E58962 #B6E250 #A4CB48

Square Palette

#435CBE #506DE2 #D85AB2 #D8BF5A #50E27C #6CE791

Tetradic Palette

#4259B9 #506DE2 #D03DF5 #E2C550 #62F53D #7EF760

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506DE2 contains 80 red, 109 green, and 226 blue.

Contrast Ratio: 4.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.64:1