#486BE0 Color

Color Information

HEX	#486BE0
RGB	72, 107, 224
HSL	226° , 71% , 58%
HSV	226° , 68% , 88%
CMYK	68%, 52%, 0%, 12%

Lighter Shades

#5E7DE4 #748FE7 #8AA0EB #A0B2EF #B6C4F3 #CCD6F6

Darker Shades

#3F5EC5 #3751AA #2E448F #253874 #1D2B5A #141E3F

Complementary Palette

#3E5CC1 #486BE0 #C1A23E #E0BC48 #E4C562 #6280E4

Analogous Palette

#589DB6 #5DADCB #4465D3 #486BE0 #7A5DCB #8469CE

Triadic Palette

#3F5EC5 #486BE0 #EB3D66 #ED5478 #66EB3D #5ACF36

Split Complementary Palette

#4160CA #486BE0 #E07048 #E37E5A #B7E048 #A5CA41

Square Palette

#3C5ABC #486BE0 #D553B2 #D5B753 #48E070 #65E587

Tetradic Palette

#3B58B8 #486BE0 #C735F3 #E0BC48 #61F335 #7DF559

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486BE0 contains 72 red, 107 green, and 224 blue.

Contrast Ratio: 4.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.47:1