#76CBBD

#76CBBD

Color Values

HEX

#76CBBD

RGB

118, 203, 189

HSL

170.1, 45.0%, 62.9%

HSV

170.1, 41.9%, 79.6%

CMYK

41.9%, 0.0%, 6.9%, 20.4%

OKLCH

0.7842 0.0856 182.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#76CBBD

#CB7684

Analogous

#76CB92

#76AECB

#76CBBD

Triadic

#76CBBD

#BD76CB

#CBBD76

Split Complementary

#76CBBD

#CB76AE

#CB9276

Tetradic

#76CBBD

#9276CB

#CB7684

#AECB76

Color Blindness Simulation

Original

#76CBBD

Protanopia

#9B9CC0

Deuteranopia

#9690C1

Tritanopia

#7AC3C4

Achromatopsia

#B8B8B8

CSS Usage

background-color: #76CBBD;
color: #76CBBD;
border-color: #76CBBD;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FAF9
100
#E6F4F2
200
#CBEBE6
300
#A6DDD4
400
#76CBBD
500
#46B9A6
600
#389485
700
#2D766A
800
#235C53
900
#1D443E
950
#122B27

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026