#2EAACC Color

Color Information

HEX#2EAACC
RGB46, 170, 204
HSL193° , 63% , 49%
HSV193° , 77% , 80%
CMYK77%, 17%, 0%, 20%

Lighter Shades

#47B4D2 #60BED8 #79C9DE #92D3E4 #ABDDEB #C4E7F1

Darker Shades

#2896B4 #23819B #1D6D83 #18586A #124452 #0D3039

Complementary Palette

#2892AF #2EAACC #AF4528 #CC502E #D3694B #4BB6D3

Analogous Palette

#41A488 #47B394 #2BA0C0 #2EAACC #4766B3 #5672B8

Triadic Palette

#2896B4 #2EAACC #D822B1 #DD3DBA #B1D822 #9CBE1E

Split Complementary Palette

#2999B8 #2EAACC #CC2E5B #D1436B #CC9F2E #B88F29

Square Palette

#278FAB #2EAACC #9A3BBF #BF573B #5BCC2E #75D44F

Tetradic Palette

#268BA7 #2EAACC #4418E2 #CC502E #B6E218 #C3E742

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EAACC contains 46 red, 170 green, and 204 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.84:1