#76CFAF

#76CFAF

Color Values

HEX

#76CFAF

RGB

118, 207, 175

HSL

158.4, 48.1%, 63.7%

HSV

158.4, 43.0%, 81.2%

CMYK

43.0%, 0.0%, 15.5%, 18.8%

OKLCH

0.7896 0.0984 168.5

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#76CFAF

#CF7696

Analogous

#76CF82

#76C2CF

#76CFAF

Triadic

#76CFAF

#AF76CF

#CFAF76

Split Complementary

#76CFAF

#CF76C2

#CF8276

Tetradic

#76CFAF

#8276CF

#CF7696

#C2CF76

Color Blindness Simulation

Original

#76CFAF

Protanopia

#9D9DB7

Deuteranopia

#9791B9

Tritanopia

#7ABDBE

Achromatopsia

#BABABA

CSS Usage

background-color: #76CFAF;
color: #76CFAF;
border-color: #76CFAF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECE0
300
#A4DFCA
400
#73CEAD
500
#42BD91
600
#359774
700
#2A795D
800
#215E48
900
#1B4536
950
#112C22

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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