#2D7A6E Color

Color Information

HEX#2D7A6E
RGB45, 122, 110
HSL171° , 46% , 33%
HSV171° , 63% , 48%
CMYK63%, 0%, 10%, 52%

Lighter Shades

#468A7F #5F9A91 #79AAA2 #92BAB4 #ABCAC5 #C4DAD6

Darker Shades

#286B61 #225D54 #1D4E46 #173F39 #12312C #0D221F

Complementary Palette

#27695F #2D7A6E #6A2731 #7B2D39 #8D4A55 #4A8D82

Analogous Palette

#386147 #3E6A4E #2A7367 #2D7A6E #3E5B6A #506671

Triadic Palette

#286B61 #2D7A6E #752583 #863F92 #837525 #736721

Split Complementary Palette

#296E63 #2D7A6E #7B2D60 #884270 #7B492D #6F4229

Square Palette

#26665C #2D7A6E #4C3672 #72363F #607B2D #79904F

Tetradic Palette

#25645A #2D7A6E #1E2E8A #7B2D39 #8A7A1E #9F9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D7A6E contains 45 red, 122 green, and 110 blue.

Contrast Ratio: 5.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1