#2A749E Color

Color Information

HEX	#2A749E
RGB	42, 116, 158
HSL	202° , 58% , 39%
HSV	202° , 73% , 62%
CMYK	73%, 27%, 0%, 38%

Lighter Shades

#4485AA #5D95B5 #77A6C1 #90B7CD #AAC7D8 #C3D8E4

Darker Shades

#25668B #205878 #1B4A65 #163C52 #112E3F #0C202C

Complementary Palette

#246488 #2A749E #874824 #9D542A #AB6C48 #4887AC

Analogous Palette

#3A7E76 #3E897F #276D95 #2A749E #3E4889 #525A8E

Triadic Palette

#25668B #2A749E #A72075 #B23B86 #75A720 #67931C

Split Complementary Palette

#26688E #2A749E #9D2A39 #A73F4D #9D8E2A #8D8026

Square Palette

#236185 #2A749E #863493 #935734 #399D2A #59AD4C

Tetradic Palette

#225F82 #2A749E #4F18AF #9D542A #78AF18 #90BD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A749E contains 42 red, 116 green, and 158 blue.

Contrast Ratio: 5.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.11:1