#2C86C6 Color

Color Information

HEX#2C86C6
RGB44, 134, 198
HSL205° , 64% , 47%
HSV205° , 78% , 78%
CMYK78%, 32%, 0%, 22%

Lighter Shades

#4595CD #5FA3D4 #78B2DB #91C0E1 #ABCFE8 #C4DDEF

Darker Shades

#2776AE #216696 #1C567F #174667 #12364F #0C2637

Complementary Palette

#2673AA #2C86C6 #A95C25 #C56B2B #CD8049 #4A97CE

Analogous Palette

#3D9E96 #43ADA4 #297EBA #2C86C6 #434CAD #545CB0

Triadic Palette

#2776AE #2C86C6 #D11F87 #D73A95 #87D11F #77B81B

Split Complementary Palette

#2879B2 #2C86C6 #C52B38 #CB404C #C5B82B #B1A627

Square Palette

#2571A6 #2C86C6 #AE37B9 #B96D37 #38C52B #58CE4D

Tetradic Palette

#246EA2 #2C86C6 #6716DA #C56B2B #88DA16 #9DE140

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C86C6 contains 44 red, 134 green, and 198 blue.

Contrast Ratio: 3.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.39:1