#2899D2 Color

Color Information

HEX#2899D2
RGB40, 153, 210
HSL200° , 68% , 49%
HSV200° , 81% , 82%
CMYK81%, 27%, 0%, 18%

Lighter Shades

#42A5D7 #5CB1DD #75BEE2 #8FCAE8 #A9D6ED #C3E2F2

Darker Shades

#2387B9 #1E74A0 #1A6286 #15506D #103D54 #0B2B3B

Complementary Palette

#2284B5 #2899D2 #B55322 #D26128 #D87746 #46A7D8

Analogous Palette

#3CAA97 #41B9A5 #2690C5 #2899D2 #4155B9 #5062BE

Triadic Palette

#2387B9 #2899D2 #DE1B9D #E236A9 #9DDE1B #8AC318

Split Complementary Palette

#248ABD #2899D2 #D22844 #D73E57 #D2B628 #BDA424

Square Palette

#2281B0 #2899D2 #AD34C5 #C56534 #44D228 #62D94A

Tetradic Palette

#217DAC #2899D2 #5911E8 #D26128 #A1E811 #B2EC3C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2899D2 contains 40 red, 153 green, and 210 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.66:1