#2858B2 Color

Color Information

HEX#2858B2
RGB40, 88, 178
HSL219° , 63% , 43%
HSV219° , 78% , 70%
CMYK78%, 51%, 0%, 30%

Lighter Shades

#426CBB #5C80C4 #7594CE #8FA8D7 #A9BCE0 #C3D0E9

Darker Shades

#234D9D #1E4387 #1A3872 #152E5D #102347 #0B1932

Complementary Palette

#224C99 #2858B2 #9A7023 #B38229 #BE9447 #466FBD

Analogous Palette

#3A8592 #3F8F9D #2653A7 #2858B2 #4D3F9D #5F53A2

Triadic Palette

#234D9D #2858B2 #BE1E56 #C6396A #56BE1E #4CA71A

Split Complementary Palette

#244FA0 #2858B2 #B33D29 #BB503E #9EB329 #8EA125

Square Palette

#224A96 #2858B2 #A83496 #A87F34 #29B33D #4BBF5C

Tetradic Palette

#214892 #2858B2 #8815C6 #B38229 #53C615 #72D03F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2858B2 contains 40 red, 88 green, and 178 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1