#2A7175 Color

Color Information

HEX#2A7175
RGB42, 113, 117
HSL183° , 47% , 31%
HSV183° , 64% , 46%
CMYK64%, 3%, 0%, 54%

Lighter Shades

#448286 #5D9396 #77A4A7 #90B5B7 #AAC6C8 #C3D7D8

Darker Shades

#256367 #205659 #1B484B #163B3D #112D2F #0C2021

Complementary Palette

#246165 #2A7175 #642824 #742E2A #874B48 #488588

Analogous Palette

#365E4C #3A6451 #276A6E #2A7175 #3A4D64 #4C5A6B

Triadic Palette

#256367 #2A7175 #7C2278 #8C3D88 #787C22 #6A6D1E

Split Complementary Palette

#266669 #2A7175 #742A4B #823F5D #74532A #684B26

Square Palette

#235F62 #2A7175 #52326C #6C3532 #4B742A #688A4C

Tetradic Palette

#225D60 #2A7175 #211C82 #742E2A #7D821C #949945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7175 contains 42 red, 113 green, and 117 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1