#2C97D6 Color

Color Information

HEX	#2C97D6
RGB	44, 151, 214
HSL	202° , 67% , 51%
HSV	202° , 79% , 84%
CMYK	79%, 29%, 0%, 16%

Lighter Shades

#45A3DB #5FB0E0 #78BCE5 #91C9EA #ABD5EF #C4E2F4

Darker Shades

#2785BC #2173A3 #1C6189 #174F6F #123C56 #0C2A3C

Complementary Palette

#2682B8 #2C97D6 #B85D28 #D66C2E #DC814B #4AA6DC

Analogous Palette

#42AE9F #47BDAD #298EC9 #2C97D6 #4757BD #5665C2

Triadic Palette

#2785BC #2C97D6 #E2229C #E53DA8 #9CE222 #89C71E

Split Complementary Palette

#2888C1 #2C97D6 #D62E45 #DA4358 #D6BF2E #C1AC29

Square Palette

#257FB4 #2C97D6 #B63BC9 #C96F3B #45D62E #63DD4F

Tetradic Palette

#247CAF #2C97D6 #6618EC #D66C2E #9EEC18 #AFEF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C97D6 contains 44 red, 151 green, and 214 blue.

Contrast Ratio: 3.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.59:1