#4857BA Color

Color Information

HEX#4857BA
RGB72, 87, 186
HSL232° , 45% , 51%
HSV232° , 61% , 73%
CMYK61%, 53%, 0%, 27%

Lighter Shades

#5E6BC2 #747FCB #8A93D3 #A0A8DB #B6BCE3 #CCD0EC

Darker Shades

#3F4DA4 #37428D #2E3877 #252D61 #1D234A #141834

Complementary Palette

#3E4BA0 #4857BA #A09340 #BAAB4A #C4B763 #626FC4

Analogous Palette

#5C7F93 #638AA1 #4452AF #4857BA #7A63A1 #8570A9

Triadic Palette

#3F4DA4 #4857BA #C73D50 #CE5465 #50C73D #46AF36

Split Complementary Palette

#414EA7 #4857BA #BA734A #C1815C #91BA4A #83A743

Square Palette

#3C499C #4857BA #AE568E #AEA256 #4ABA73 #67C589

Tetradic Palette

#3B4799 #4857BA #BC33D1 #BAAB4A #48D133 #69D958

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4857BA contains 72 red, 87 green, and 186 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1