#76BDA0

#76BDA0

Color Values

HEX

#76BDA0

RGB

118, 189, 160

HSL

155.5, 35.0%, 60.2%

HSV

155.5, 37.6%, 74.1%

CMYK

37.6%, 0.0%, 15.3%, 25.9%

OKLCH

0.7431 0.0837 166.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#76BDA0

#BD7693

Analogous

#76BD7D

#76B7BD

#76BDA0

Triadic

#76BDA0

#A076BD

#BDA076

Split Complementary

#76BDA0

#BD76B7

#BD7D76

Tetradic

#76BDA0

#7D76BD

#BD7693

#B7BD76

Color Blindness Simulation

Original

#76BDA0

Protanopia

#9595A7

Deuteranopia

#918BA9

Tritanopia

#7AADAE

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ACD7C6
400
#80C2A7
500
#53AC88
600
#428A6D
700
#356E57
800
#295644
900
#214033
950
#152820

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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