#2E98C2 Color

Color Information

HEX#2E98C2
RGB46, 152, 194
HSL197° , 62% , 47%
HSV197° , 76% , 76%
CMYK76%, 22%, 0%, 24%

Lighter Shades

#47A4C9 #60B1D1 #79BDD8 #92C9DF #ABD6E7 #C4E2EE

Darker Shades

#2886AB #237493 #1D617C #184F65 #123D4E #0D2B36

Complementary Palette

#2883A7 #2E98C2 #A74C28 #C2582E #CB6F4B #4BA6CB

Analogous Palette

#409C88 #46AA94 #2B8FB6 #2E98C2 #465BAA #5669AE

Triadic Palette

#2886AB #2E98C2 #CE229D #D43DA9 #9DCE22 #8AB51E

Split Complementary Palette

#2989AF #2E98C2 #C22E4E #C84360 #C2A22E #AF9229

Square Palette

#2780A3 #2E98C2 #9B3AB6 #B65D3A #4EC22E #6ACC4F

Tetradic Palette

#267D9F #2E98C2 #4E18D8 #C2582E #A1D818 #B2DF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E98C2 contains 46 red, 152 green, and 194 blue.

Contrast Ratio: 3.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.47:1