#2E9AC6 Color

Color Information

HEX#2E9AC6
RGB46, 154, 198
HSL197° , 62% , 48%
HSV197° , 77% , 78%
CMYK77%, 22%, 0%, 22%

Lighter Shades

#47A6CD #60B2D4 #79BEDB #92CAE1 #ABD7E8 #C4E3EF

Darker Shades

#2888AE #237596 #1D637F #185067 #123E4F #0D2B37

Complementary Palette

#2884AA #2E9AC6 #AA4D28 #C65A2F #CE714C #4BA8CE

Analogous Palette

#419F8B #47AE98 #2B91BA #2E9AC6 #475DAE #576BB2

Triadic Palette

#2888AE #2E9AC6 #D322A1 #D83DAC #A1D322 #8EBA1E

Split Complementary Palette

#298BB2 #2E9AC6 #C62F4F #CC4461 #C6A52F #B2952A

Square Palette

#2781A6 #2E9AC6 #9E3BBA #BA5F3B #4FC62F #6BCF50

Tetradic Palette

#267EA2 #2E9AC6 #5018DC #C65A2F #A5DC18 #B5E242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E9AC6 contains 46 red, 154 green, and 198 blue.

Contrast Ratio: 3.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.64:1