#2EA6D5 Color

Color Information

HEX#2EA6D5
RGB46, 166, 213
HSL197° , 67% , 51%
HSV197° , 78% , 84%
CMYK78%, 22%, 0%, 16%

Lighter Shades

#47B1DA #60BBDF #79C6E4 #92D1E9 #ABDBEE #C4E6F3

Darker Shades

#2892BB #237EA2 #1D6A88 #18566F #124255 #0D2E3C

Complementary Palette

#288FB7 #2EA6D5 #B85128 #D65E2E #DC754B #4BB2DB

Analogous Palette

#42AE96 #47BDA3 #2B9CC8 #2EA6D5 #4761BD #566EC2

Triadic Palette

#2892BB #2EA6D5 #E222AC #E53DB6 #ACE222 #97C71E

Split Complementary Palette

#2995C0 #2EA6D5 #D62E53 #DA4364 #D6B12E #C19F29

Square Palette

#278BB3 #2EA6D5 #AA3BC9 #C9633B #53D62E #6FDD4F

Tetradic Palette

#2688AF #2EA6D5 #5418EC #D65E2E #B0EC18 #BEEF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA6D5 contains 46 red, 166 green, and 213 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.63:1