#76B99F

#76B99F

Color Values

HEX

#76B99F

RGB

118, 185, 159

HSL

156.7, 32.4%, 59.4%

HSV

156.7, 36.2%, 72.5%

CMYK

36.2%, 0.0%, 14.1%, 27.5%

OKLCH

0.7334 0.0786 167.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#76B99F

#B97690

Analogous

#76B97D

#76B2B9

#76B99F

Triadic

#76B99F

#9F76B9

#B99F76

Split Complementary

#76B99F

#B976B2

#B97D76

Tetradic

#76B99F

#7D76B9

#B97690

#B2B976

Color Blindness Simulation

Original

#76B99F

Protanopia

#9394A5

Deuteranopia

#8F8AA7

Tritanopia

#79AAAB

Achromatopsia

#A9A9A9

CSS Usage

background-color: #76B99F;
color: #76B99F;
border-color: #76B99F;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DE
300
#AED6C6
400
#82BFA7
500
#56A989
600
#45876D
700
#376C58
800
#2B5444
900
#223F34
950
#162821

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

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