#2EA7C4 Color

Color Information

HEX#2EA7C4
RGB46, 167, 196
HSL192° , 62% , 47%
HSV192° , 77% , 77%
CMYK77%, 15%, 0%, 23%

Lighter Shades

#47B2CB #60BCD2 #79C7D9 #92D1E0 #ABDCE7 #C4E6EE

Darker Shades

#2893AC #237F95 #1D6B7D #185766 #12434E #0D2F37

Complementary Palette

#2890A9 #2EA7C4 #A74128 #C24B2E #CB644B #4BB3CC

Analogous Palette

#409C80 #46AA8C #2B9DB8 #2EA7C4 #4664AA #5671AE

Triadic Palette

#2893AC #2EA7C4 #CE22AC #D43DB6 #ACCE22 #97B51E

Split Complementary Palette

#2996B0 #2EA7C4 #C22E5A #C8436B #C2962E #AF8729

Square Palette

#278CA5 #2EA7C4 #913AB6 #B6523A #5AC22E #74CC4F

Tetradic Palette

#2689A1 #2EA7C4 #3E18D8 #C24B2E #B1D818 #BFDF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA7C4 contains 46 red, 167 green, and 196 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.54:1