#2EA6D1 Color

Color Information

HEX#2EA6D1
RGB46, 166, 209
HSL196° , 64% , 50%
HSV196° , 78% , 82%
CMYK78%, 21%, 0%, 18%

Lighter Shades

#47B1D7 #60BBDC #79C6E2 #92D1E7 #ABDBED #C4E6F2

Darker Shades

#2892B8 #237E9F #1D6A86 #18566D #124254 #0D2E3B

Complementary Palette

#288FB4 #2EA6D1 #B44D28 #D1592E #D7704B #4BB2D7

Analogous Palette

#42A991 #47B89D #2B9CC4 #2EA6D1 #4762B8 #566EBD

Triadic Palette

#2892B8 #2EA6D1 #DE21AC #E23CB6 #ACDE21 #97C31D

Split Complementary Palette

#2995BC #2EA6D1 #D12E54 #D64365 #D1AB2E #BC9A29

Square Palette

#278BB0 #2EA6D1 #A43BC4 #C45F3B #54D12E #6FD84F

Tetradic Palette

#2688AB #2EA6D1 #4F17E8 #D1592E #B0E817 #BEEC41

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA6D1 contains 46 red, 166 green, and 209 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1