#2A7C9D Color

Color Information

HEX#2A7C9D
RGB42, 124, 157
HSL197° , 58% , 39%
HSV197° , 73% , 62%
CMYK73%, 21%, 0%, 38%

Lighter Shades

#448CA9 #5D9BB5 #77ABC0 #90BBCC #AACBD8 #C3DAE4

Darker Shades

#256D8A #205E77 #1B4F64 #164052 #11323F #0C232C

Complementary Palette

#246B87 #2A7C9D #874024 #9D4A2A #AB6348 #488EAB

Analogous Palette

#3A7E6F #3E8979 #277594 #2A7C9D #3E4E89 #525F8E

Triadic Palette

#256D8A #2A7C9D #A72081 #B23B90 #81A720 #72931C

Split Complementary Palette

#26708D #2A7C9D #9D2A43 #A73F56 #9D842A #8D7726

Square Palette

#236884 #2A7C9D #7F3493 #934F34 #439D2A #61AD4C

Tetradic Palette

#226681 #2A7C9D #4318AF #9D4A2A #84AF18 #9ABD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7C9D contains 42 red, 124 green, and 157 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.51:1