#2A98C4 Color

Color Information

HEX	#2A98C4
RGB	42, 152, 196
HSL	197° , 65% , 47%
HSV	197° , 79% , 77%
CMYK	79%, 22%, 0%, 23%

Lighter Shades

#44A4CB #5DB1D2 #77BDD9 #90C9E0 #AAD6E7 #C3E2EE

Darker Shades

#2586AC #207495 #1B617D #164F66 #113D4E #0C2B37

Complementary Palette

#2483A9 #2A98C4 #AA4A24 #C6562A #CE6E48 #48A6CC

Analogous Palette

#3C9F8A #42AE96 #278FB8 #2A98C4 #4259AE #5367B2

Triadic Palette

#2586AC #2A98C4 #D21E9F #D739AB #9FD21E #8CB91A

Split Complementary Palette

#2689B0 #2A98C4 #C62A4C #CC3F5E #C6A42A #B29426

Square Palette

#2380A5 #2A98C4 #9D36BA #BA5B36 #4CC62A #69CF4C

Tetradic Palette

#227DA1 #2A98C4 #4D14DB #C6562A #A3DB14 #B4E13E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A98C4 contains 42 red, 152 green, and 196 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