#00877F

#00877F

Color Values

HEX

#00877F

RGB

0, 135, 127

HSL

176.4, 100.0%, 26.5%

HSV

176.4, 100.0%, 52.9%

CMYK

100.0%, 0.0%, 5.9%, 47.1%

OKLCH

0.5615 0.0978 187.5

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#00877F

#870008

Analogous

#00873B

#004C87

#00877F

Triadic

#00877F

#7F0087

#877F00

Split Complementary

#00877F

#87004C

#873B00

Tetradic

#00877F

#3B0087

#870008

#4C8700

Color Blindness Simulation

Original

#00877F

Protanopia

#3A3C81

Deuteranopia

#332881

Tritanopia

#078283

Achromatopsia

#6A6A6A

CSS Usage

background-color: #00877F;
color: #00877F;
border-color: #00877F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFB
300
#85FFF8
400
#42FFF4
500
#00FFF0
600
#00CCC0
700
#00A399
800
#008078
900
#055C57
950
#033A37

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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