#2EA3D2 Color

Color Information

HEX#2EA3D2
RGB46, 163, 210
HSL197° , 65% , 50%
HSV197° , 78% , 82%
CMYK78%, 22%, 0%, 18%

Lighter Shades

#47AED7 #60B9DD #79C4E2 #92CFE8 #ABDAED #C4E5F2

Darker Shades

#288FB9 #237CA0 #1D6886 #18556D #124154 #0D2E3B

Complementary Palette

#288CB5 #2EA3D2 #B54F27 #D25C2D #D8734A #4BB0D8

Analogous Palette

#41AA93 #46B9A0 #2B99C5 #2EA3D2 #465FB9 #556CBE

Triadic Palette

#288FB9 #2EA3D2 #DF20A9 #E33BB3 #A9DF20 #95C41C

Split Complementary Palette

#2993BD #2EA3D2 #D22D51 #D74262 #D2AE2D #BD9D29

Square Palette

#2789B0 #2EA3D2 #A739C6 #C66139 #51D22D #6DD94F

Tetradic Palette

#2686AC #2EA3D2 #5216E9 #D25C2D #ADE916 #BCED40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA3D2 contains 46 red, 163 green, and 210 blue.

Contrast Ratio: 2.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.38:1