#2D7667

#2D7667

Color Values

HEX

#2D7667

RGB

45, 118, 103

HSL

167.7, 44.8%, 32.0%

HSV

167.7, 61.9%, 46.3%

CMYK

61.9%, 0.0%, 12.7%, 53.7%

OKLCH

0.5157 0.0763 177.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#2D7667

#762D3C

Analogous

#2D7643

#2D6176

#2D7667

Triadic

#2D7667

#672D76

#76672D

Split Complementary

#2D7667

#762D61

#76432D

Tetradic

#2D7667

#432D76

#762D3C

#61762D

Color Blindness Simulation

Original

#2D7667

Protanopia

#4D4D6B

Deuteranopia

#48436C

Tritanopia

#316D6E

Achromatopsia

#656565

CSS Usage

background-color: #2D7667;
color: #2D7667;
border-color: #2D7667;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBEBE5
300
#A6DDD2
400
#76CBBA
500
#46B9A1
600
#389481
700
#2D7667
800
#235C51
900
#1D443C
950
#122B26

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026