#2E9ACC Color

Color Information

HEX#2E9ACC
RGB46, 154, 204
HSL199° , 63% , 49%
HSV199° , 77% , 80%
CMYK77%, 25%, 0%, 20%

Lighter Shades

#47A6D2 #60B2D8 #79BEDE #92CAE4 #ABD7EB #C4E3F1

Darker Shades

#2888B4 #23759B #1D6383 #18506A #123E52 #0D2B39

Complementary Palette

#2884AF #2E9ACC #AF5328 #CC602E #D3764B #4BA8D3

Analogous Palette

#41A492 #47B39F #2B91C0 #2E9ACC #475BB3 #5668B8

Triadic Palette

#2888B4 #2E9ACC #D8229E #DD3DAA #9ED822 #8BBE1E

Split Complementary Palette

#298BB8 #2E9ACC #CC2E4B #D1435D #CCAF2E #B89E29

Square Palette

#2781AB #2E9ACC #A73BBF #BF653B #4BCC2E #68D44F

Tetradic Palette

#267EA7 #2E9ACC #5818E2 #CC602E #A2E218 #B3E742

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E9ACC contains 46 red, 154 green, and 204 blue.

Contrast Ratio: 3.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.7:1