#76B393

#76B393

Color Values

HEX

#76B393

RGB

118, 179, 147

HSL

148.5, 28.6%, 58.2%

HSV

148.5, 34.1%, 70.2%

CMYK

34.1%, 0.0%, 17.9%, 29.8%

OKLCH

0.7159 0.079 160.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#76B393

#B37696

Analogous

#77B376

#76B3B1

#76B393

Triadic

#76B393

#9376B3

#B39376

Split Complementary

#76B393

#B176B3

#B37677

Tetradic

#76B393

#7677B3

#B37696

#B3B176

Color Blindness Simulation

Original

#76B393

Protanopia

#90919B

Deuteranopia

#8D889D

Tritanopia

#79A1A2

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F1ED
200
#D1E6DB
300
#B0D3C1
400
#86BC9F
500
#5BA47E
600
#498365
700
#3A6950
800
#2E523F
900
#243D30
950
#17261E

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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