#858EB2 Color

Color Information

HEX#858EB2
RGB133, 142, 178
HSL228° , 23% , 61%
HSV228° , 25% , 70%
CMYK25%, 20%, 0%, 30%

Lighter Shades

#949CBB #A2A9C4 #B1B7CE #C0C4D7 #CED2E0 #DDDFE9

Darker Shades

#757D9D #656C87 #555B72 #454A5D #353947 #252832

Complementary Palette

#727A99 #858EB2 #999172 #B2A985 #BDB596 #969EBD

Analogous Palette

#7E96A0 #8DA2AA #7D85A7 #858EB2 #958DAA #9E95B1

Triadic Palette

#757D9D #858EB2 #BC7B88 #C48B96 #88BC7B #78A56C

Split Complementary Palette

#7880A0 #858EB2 #B29285 #BA9D91 #A5B285 #95A078

Square Palette

#707796 #858EB2 #AA8DA2 #AAA58D #85B292 #99BEA3

Tetradic Palette

#6D7492 #858EB2 #B473C4 #B2A985 #83C473 #99CF8C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #858EB2 contains 133 red, 142 green, and 178 blue.

Contrast Ratio: 3.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.62:1