#76CDBB

#76CDBB

Color Values

HEX

#76CDBB

RGB

118, 205, 187

HSL

167.6, 46.5%, 63.3%

HSV

167.6, 42.4%, 80.4%

CMYK

42.4%, 0.0%, 8.8%, 19.6%

OKLCH

0.7883 0.0888 179.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#76CDBB

#CD7688

Analogous

#76CD8F

#76B3CD

#76CDBB

Triadic

#76CDBB

#BB76CD

#CDBB76

Split Complementary

#76CDBB

#CD76B3

#CD8F76

Tetradic

#76CDBB

#8F76CD

#CD7688

#B3CD76

Color Blindness Simulation

Original

#76CDBB

Protanopia

#9C9CBF

Deuteranopia

#9790C0

Tritanopia

#7AC3C4

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBECE5
300
#A5DED2
400
#75CDBA
500
#44BBA2
600
#379582
700
#2C7868
800
#225D51
900
#1C453C
950
#122B26

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026