#2D7768

#2D7768

Color Values

HEX

#2D7768

RGB

45, 119, 104

HSL

167.8, 45.1%, 32.2%

HSV

167.8, 62.2%, 46.7%

CMYK

62.2%, 0.0%, 12.6%, 53.3%

OKLCH

0.5187 0.077 177.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#2D7768

#772D3C

Analogous

#2D7743

#2D6177

#2D7768

Triadic

#2D7768

#682D77

#77682D

Split Complementary

#2D7768

#772D61

#77432D

Tetradic

#2D7768

#432D77

#772D3C

#61772D

Color Blindness Simulation

Original

#2D7768

Protanopia

#4D4E6C

Deuteranopia

#49436C

Tritanopia

#316E6F

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026