#2A97EA Color

Color Information

HEX	#2A97EA
RGB	42, 151, 234
HSL	206° , 82% , 54%
HSV	206° , 82% , 92%
CMYK	82%, 35%, 0%, 8%

Lighter Shades

#44A3ED #5DB0EF #77BCF2 #90C9F4 #AAD5F7 #C3E2F9

Darker Shades

#2585CE #2073B2 #1B6196 #164F7A #113C5E #0C2A42

Complementary Palette

#2482C9 #2A97EA #C96C24 #EA7D2A #ED8F48 #48A6ED

Analogous Palette

#41BEB6 #41D2C9 #278EDC #2A97EA #414BD2 #515AD6

Triadic Palette

#2585CE #2A97EA #F61E98 #F739A4 #98F61E #86D81A

Split Complementary Palette

#2688D3 #2A97EA #EA2A36 #EC3F4A #EADD2A #D3C726

Square Palette

#237FC5 #2A97EA #D335DE #DE7E35 #36EA2A #56ED4C

Tetradic Palette

#227CC0 #2A97EA #7A14FF #EA7D2A #99FF14 #ABFF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A97EA contains 42 red, 151 green, and 234 blue.

Contrast Ratio: 3.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.79:1