#486CC1 Color

Color Information

HEX	#486CC1
RGB	72, 108, 193
HSL	222° , 49% , 52%
HSV	222° , 63% , 76%
CMYK	63%, 44%, 0%, 24%

Lighter Shades

#5E7EC8 #748FD0 #8AA1D7 #A0B3DF #B6C4E6 #CCD6EE

Darker Shades

#3F5FAA #375293 #2E457C #253864 #1D2B4D #141E36

Complementary Palette

#3E5DA6 #486CC1 #A6873F #C19D49 #CAAB62 #6281CA

Analogous Palette

#5C8D99 #619AA8 #4466B5 #486CC1 #6F61A8 #7B6EAF

Triadic Palette

#3F5FAA #486CC1 #CD3C68 #D3537A #68CD3C #5CB435

Split Complementary Palette

#4161AE #486CC1 #C16149 #C7715B #A9C149 #98AE42

Square Palette

#3C5BA2 #486CC1 #B455A1 #B49855 #49C161 #66CB7A

Tetradic Palette

#3B599E #486CC1 #A533D7 #C19D49 #64D733 #80DE58

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486CC1 contains 72 red, 108 green, and 193 blue.

Contrast Ratio: 4.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.21:1