#2A7767 Color

Color Information

HEX#2A7767
RGB42, 119, 103
HSL168° , 48% , 32%
HSV168° , 65% , 47%
CMYK65%, 0%, 13%, 53%

Lighter Shades

#448779 #5D988B #77A89E #90B8B0 #AAC9C2 #C3D9D4

Darker Shades

#25695B #205A4E #1B4C42 #163E36 #113029 #0C211D

Complementary Palette

#246659 #2A7767 #682432 #792A3A #8C4856 #488A7C

Analogous Palette

#355F42 #3B6848 #277061 #2A7767 #3B5B68 #4D656F

Triadic Palette

#25695B #2A7767 #6E2281 #7F3D90 #816E22 #72611E

Split Complementary Palette

#266B5D #2A7767 #792A61 #863F71 #79422A #6D3B26

Square Palette

#236457 #2A7767 #453371 #71333F #61792A #7A8E4C

Tetradic Palette

#226254 #2A7767 #1C3187 #792A3A #87721C #9D8B45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7767 contains 42 red, 119 green, and 103 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1