#486BD3 Color

Color Information

HEX#486BD3
RGB72, 107, 211
HSL225° , 61% , 55%
HSV225° , 66% , 83%
CMYK66%, 49%, 0%, 17%

Lighter Shades

#5E7DD8 #748FDE #8AA0E3 #A0B2E8 #B6C4ED #CCD6F3

Darker Shades

#3F5EBA #3751A0 #2E4487 #25386E #1D2B54 #141E3B

Complementary Palette

#3E5CB5 #486BD3 #B5973C #D2AF46 #D8BA60 #6280D9

Analogous Palette

#5893A7 #5DA4BB #4465C6 #486BD3 #755DBB #816CC1

Triadic Palette

#3F5EBA #486BD3 #DE3B64 #E25377 #64DE3B #58C334

Split Complementary Palette

#4160BE #486BD3 #D26946 #D77859 #AFD246 #9EBD3F

Square Palette

#3C5AB1 #486BD3 #C752AA #C7AA52 #46D269 #64D981

Tetradic Palette

#3B58AD #486BD3 #BA32E7 #D2AF46 #5FE732 #7CEB57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486BD3 contains 72 red, 107 green, and 211 blue.

Contrast Ratio: 4.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.33:1