#2876A6 Color

Color Information

HEX#2876A6
RGB40, 118, 166
HSL203° , 61% , 40%
HSV203° , 76% , 65%
CMYK76%, 29%, 0%, 35%

Lighter Shades

#4286B1 #5C97BB #75A7C6 #8FB8D1 #A9C8DB #C3D9E6

Darker Shades

#236892 #1E5A7E #1A4C6A #153D56 #102F42 #0B212E

Complementary Palette

#22658F #2876A6 #8D4B22 #A45728 #B16F46 #4689B2

Analogous Palette

#38857C #3C9086 #266F9C #2876A6 #3C4690 #505895

Triadic Palette

#236892 #2876A6 #AE1E77 #B83987 #77AE1E #69991A

Split Complementary Palette

#246A95 #2876A6 #A42836 #AD3E4A #A49628 #948724

Square Palette

#22638B #2876A6 #8E329A #9A5A32 #36A428 #56B34A

Tetradic Palette

#216188 #2876A6 #5315B7 #A45728 #79B715 #91C43F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2876A6 contains 40 red, 118 green, and 166 blue.

Contrast Ratio: 4.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.26:1