#2D7769

#2D7769

Color Values

HEX

#2D7769

RGB

45, 119, 105

HSL

168.6, 45.1%, 32.2%

HSV

168.6, 62.2%, 46.7%

CMYK

62.2%, 0.0%, 11.8%, 53.3%

OKLCH

0.519 0.0764 178.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#2D7769

#772D3B

Analogous

#2D7744

#2D6077

#2D7769

Triadic

#2D7769

#692D77

#77692D

Split Complementary

#2D7769

#772D60

#77442D

Tetradic

#2D7769

#442D77

#772D3B

#60772D

Color Blindness Simulation

Original

#2D7769

Protanopia

#4D4E6C

Deuteranopia

#49436D

Tritanopia

#316F70

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBEBE5
300
#A6DDD3
400
#76CBBB
500
#46B9A3
600
#389483
700
#2D7668
800
#235D52
900
#1D443D
950
#122B26

Contrast Checker

Text on white

5.31: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