#2D7170 Color

Color Information

HEX#2D7170
RGB45, 113, 112
HSL179° , 43% , 31%
HSV179° , 60% , 44%
CMYK60%, 0%, 1%, 56%

Lighter Shades

#468281 #5F9392 #79A4A3 #92B5B5 #ABC6C6 #C4D7D7

Darker Shades

#286363 #225655 #1D4848 #173B3A #122D2D #0D201F

Complementary Palette

#276160 #2D7170 #612728 #712D2E #854A4B #4A8584

Analogous Palette

#375847 #3D614E #2A6A69 #2D7170 #3D5061 #4E5C6A

Triadic Palette

#286363 #2D7170 #782579 #883F89 #797825 #6A6A21

Split Complementary Palette

#296665 #2D7170 #712D50 #7F4262 #714E2D #664629

Square Palette

#265F5E #2D7170 #4E3569 #693536 #50712D #6C884F

Tetradic Palette

#255D5C #2D7170 #1F207F #712D2E #7F7E1F #969547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D7170 contains 45 red, 113 green, and 112 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1