#506CD8 Color

Color Information

HEX#506CD8
RGB80, 108, 216
HSL228° , 64% , 58%
HSV228° , 63% , 85%
CMYK63%, 50%, 0%, 15%

Lighter Shades

#657EDD #7A8FE1 #8FA1E6 #A4B3EB #B9C4EF #CED6F4

Darker Shades

#465FBE #3D52A4 #33458A #2A3870 #202B56 #161E3C

Complementary Palette

#455DBA #506CD8 #BAA344 #D8BD4F #DDC668 #6981DD

Analogous Palette

#6097AF #65A7C3 #4B66CB #506CD8 #8165C3 #8A70C7

Triadic Palette

#465FBE #506CD8 #E34564 #E65B77 #64E345 #58C83D

Split Complementary Palette

#4861C2 #506CD8 #D8784F #DC8661 #AFD84F #9EC247

Square Palette

#435BB5 #506CD8 #CE5AAB #CEB75A #4FD878 #6BDE8E

Tetradic Palette

#4259B1 #506CD8 #C93CEC #D8BD4F #5FEC3C #7CEF5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506CD8 contains 80 red, 108 green, and 216 blue.

Contrast Ratio: 4.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.49:1