#1D877F

#1D877F

Color Values

HEX

#1D877F

RGB

29, 135, 127

HSL

175.5, 64.6%, 32.2%

HSV

175.5, 78.5%, 52.9%

CMYK

78.5%, 0.0%, 5.9%, 47.1%

OKLCH

0.5649 0.0915 187.2

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#1D877F

#871D25

Analogous

#1D874A

#1D5A87

#1D877F

Triadic

#1D877F

#7F1D87

#877F1D

Split Complementary

#1D877F

#871D5A

#874A1D

Tetradic

#1D877F

#4A1D87

#871D25

#5A871D

Color Blindness Simulation

Original

#1D877F

Protanopia

#4B4C81

Deuteranopia

#453D81

Tritanopia

#228283

Achromatopsia

#707070

CSS Usage

background-color: #1D877F;
color: #1D877F;
border-color: #1D877F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F2EF
300
#9AE9E3
400
#64DED4
500
#2DD2C6
600
#24A89E
700
#1D867E
800
#176963
900
#144D48
950
#0D302E

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass 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