#2EA4DC Color

Color Information

HEX#2EA4DC
RGB46, 164, 220
HSL199° , 71% , 52%
HSV199° , 79% , 86%
CMYK79%, 25%, 0%, 14%

Lighter Shades

#47AFE0 #60BAE4 #79C5E9 #92D0ED #ABDBF1 #C4E6F5

Darker Shades

#2890C2 #237DA7 #1D698D #185572 #124258 #0D2E3E

Complementary Palette

#288DBD #2EA4DC #BD5728 #DC652E #E17B4B #4BB1E1

Analogous Palette

#42B39E #46C3AC #2B9ACF #2EA4DC #465DC3 #566BC8

Triadic Palette

#2890C2 #2EA4DC #E821A9 #EB3CB3 #A9E821 #95CC1D

Split Complementary Palette

#2994C6 #2EA4DC #DC2E4E #E04360 #DCBC2E #C6A929

Square Palette

#278AB9 #2EA4DC #B43ACF #CF693A #4EDC2E #6AE24F

Tetradic Palette

#2686B4 #2EA4DC #5D18F2 #DC652E #ADF218 #BCF442

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA4DC contains 46 red, 164 green, and 220 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.56:1