#2ECAE0 Color

Color Information

HEX#2ECAE0
RGB46, 202, 224
HSL187° , 74% , 53%
HSV187° , 79% , 88%
CMYK79%, 10%, 0%, 12%

Lighter Shades

#47D0E4 #60D7E7 #79DDEB #92E3EF #ABEAF3 #C4F0F6

Darker Shades

#28B2C5 #239AAA #1D818F #186974 #12515A #0D393F

Complementary Palette

#28AEC1 #2ECAE0 #C13A28 #E0432E #E45D4B #4BD1E4

Analogous Palette

#43B68A #46C896 #2BBED3 #2ECAE0 #4678C8 #5684CD

Triadic Palette

#28B2C5 #2ECAE0 #EC22D4 #EE3DD9 #D4EC22 #BBD01E

Split Complementary Palette

#29B6CA #2ECAE0 #E02E72 #E34380 #E09C2E #CA8C29

Square Palette

#27AABC #2ECAE0 #993AD4 #D44C3A #72E02E #89E54F

Tetradic Palette

#26A6B8 #2ECAE0 #3319F5 #E0432E #DCF519 #E2F742

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2ECAE0 contains 46 red, 202 green, and 224 blue.

Contrast Ratio: 1.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.75:1