#2C86A8 Color

Color Information

HEX	#2C86A8
RGB	44, 134, 168
HSL	196° , 58% , 42%
HSV	196° , 74% , 66%
CMYK	74%, 20%, 0%, 34%

Lighter Shades

#4595B2 #5FA3BD #78B2C7 #91C0D2 #ABCFDC #C4DDE7

Darker Shades

#277694 #216680 #1C566C #174657 #123643 #0C262F

Complementary Palette

#267390 #2C86A8 #914327 #A94E2D #B5674A #4A97B4

Analogous Palette

#3C8675 #429481 #297E9E #2C86A8 #425594 #566699

Triadic Palette

#277694 #2C86A8 #B4228D #BD3D9B #8DB422 #7C9E1E

Split Complementary Palette

#287997 #2C86A8 #A92D4A #B2425C #A98C2D #987E29

Square Palette

#25718D #2C86A8 #87389F #9F5338 #4AA92D #67B74F

Tetradic Palette

#246E8A #2C86A8 #451ABC #A94E2D #91BC1A #A5C843

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C86A8 contains 44 red, 134 green, and 168 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.14:1