#2871B0 Color

Color Information

HEX#2871B0
RGB40, 113, 176
HSL208° , 63% , 42%
HSV208° , 77% , 69%
CMYK77%, 36%, 0%, 31%

Lighter Shades

#4282B9 #5C93C3 #75A4CC #8FB5D6 #A9C6DF #C3D7E9

Darker Shades

#23639B #1E5686 #1A4871 #153B5C #102D46 #0B2031

Complementary Palette

#226197 #2871B0 #975922 #AF6728 #BA7C46 #4685BB

Analogous Palette

#398E8B #3D9996 #266AA5 #2871B0 #3D4099 #51549E

Triadic Palette

#23639B #2871B0 #B91D70 #C13881 #70B91D #63A31A

Split Complementary Palette

#24669E #2871B0 #AF282C #B73E41 #AFAA28 #9E9924

Square Palette

#225F94 #2871B0 #A032A4 #A46732 #2CAF28 #4EBC4A

Tetradic Palette

#215D90 #2871B0 #6514C2 #AF6728 #71C214 #8BCD3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2871B0 contains 40 red, 113 green, and 176 blue.

Contrast Ratio: 5.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.1:1