#486EBF Color

Color Information

HEX	#486EBF
RGB	72, 110, 191
HSL	221° , 48% , 52%
HSV	221° , 62% , 75%
CMYK	62%, 42%, 0%, 25%

Lighter Shades

#5E7FC7 #7491CE #8AA2D6 #A0B4DE #B6C5E5 #CCD6ED

Darker Shades

#3F61A8 #375491 #2E467A #253963 #1D2C4C #141F35

Complementary Palette

#3E5FA4 #486EBF #A48440 #BF9A4A #C8A863 #6282C8

Analogous Palette

#5D8D98 #629AA7 #4467B4 #486EBF #6F62A7 #7B6FAE

Triadic Palette

#3F61A8 #486EBF #CC3E6B #D2557D #6BCC3E #5EB437

Split Complementary Palette

#4163AC #486EBF #BF5F4A #C56F5C #AABF4A #99AC43

Square Palette

#3C5CA0 #486EBF #B356A2 #B39656 #4ABF5F #67C979

Tetradic Palette

#3B5A9D #486EBF #A234D5 #BF9A4A #67D534 #82DD59

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486EBF contains 72 red, 110 green, and 191 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1