#2A7779 Color

Color Information

HEX	#2A7779
RGB	42, 119, 121
HSL	182° , 48% , 32%
HSV	182° , 65% , 47%
CMYK	65%, 2%, 0%, 53%

Lighter Shades

#448789 #5D9899 #77A8A9 #90B8B9 #AAC9C9 #C3D9D9

Darker Shades

#25696A #205A5C #1B4C4D #163E3F #113030 #0C2122

Complementary Palette

#246668 #2A7779 #682724 #792D2A #8C4A48 #488A8C

Analogous Palette

#355F4B #3B6853 #277072 #2A7779 #3B5068 #4D5D6F

Triadic Palette

#25696A #2A7779 #81227E #903D8D #7E8122 #6F721E

Split Complementary Palette

#266B6D #2A7779 #792A4F #863F61 #79542A #6D4C26

Square Palette

#236466 #2A7779 #543371 #713533 #4F792A #6B8E4C

Tetradic Palette

#226263 #2A7779 #1F1C87 #792D2A #84871C #9A9D45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7779 contains 42 red, 119 green, and 121 blue.

Contrast Ratio: 5.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1