#2A98B8 Color

Color Information

HEX#2A98B8
RGB42, 152, 184
HSL194° , 63% , 44%
HSV194° , 77% , 72%
CMYK77%, 17%, 0%, 28%

Lighter Shades

#44A4C1 #5DB1C9 #77BDD2 #90C9DA #AAD6E3 #C3E2EB

Darker Shades

#2586A2 #20748C #1B6176 #164F60 #113D4A #0C2B34

Complementary Palette

#24839E #2A98B8 #9D4124 #B74B2A #C16448 #48A6C2

Analogous Palette

#3D947D #40A087 #278FAD #2A98B8 #405AA0 #556AA5

Triadic Palette

#2586A2 #2A98B8 #C21E9C #C939A8 #9CC21E #89AB1A

Split Complementary Palette

#2689A6 #2A98B8 #B72A4F #BE3F61 #B7912A #A58326

Square Palette

#23809B #2A98B8 #8C35AC #AC5035 #4FB72A #6BC34C

Tetradic Palette

#227D97 #2A98B8 #4015CB #B74B2A #A1CB15 #B2D43F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A98B8 contains 42 red, 152 green, and 184 blue.

Contrast Ratio: 3.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.37:1