#00776F

#00776F

Color Values

HEX

#00776F

RGB

0, 119, 111

HSL

176.0, 100.0%, 23.3%

HSV

176.0, 100.0%, 46.7%

CMYK

100.0%, 0.0%, 6.7%, 53.3%

OKLCH

0.5124 0.0896 186.7

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#00776F

#770008

Analogous

#007733

#004377

#00776F

Triadic

#00776F

#6F0077

#776F00

Split Complementary

#00776F

#770043

#773300

Tetradic

#00776F

#330077

#770008

#437700

Color Blindness Simulation

Original

#00776F

Protanopia

#343571

Deuteranopia

#2D2471

Tritanopia

#067273

Achromatopsia

#5D5D5D

CSS Usage

background-color: #00776F;
color: #00776F;
border-color: #00776F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FFFA
300
#85FFF7
400
#42FFF2
500
#00FFEE
600
#00CCBE
700
#00A398
800
#008077
900
#055C56
950
#033A36

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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