#76D3D2

#76D3D2

Color Values

HEX

#76D3D2

RGB

118, 211, 210

HSL

179.4, 51.4%, 64.5%

HSV

179.4, 44.1%, 82.7%

CMYK

44.1%, 0.0%, 0.5%, 17.3%

OKLCH

0.8093 0.0889 194.6

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#76D3D2

#D37677

Analogous

#76D3A4

#76A5D3

#76D3D2

Triadic

#76D3D2

#D276D3

#D3D276

Split Complementary

#76D3D2

#D376A5

#D3A476

Tetradic

#76D3D2

#A476D3

#D37677

#A5D376

Color Blindness Simulation

Original

#76D3D2

Protanopia

#9E9FD2

Deuteranopia

#9992D2

Tritanopia

#7BD2D2

Achromatopsia

#BFBFBF

CSS Usage

background-color: #76D3D2;
color: #76D3D2;
border-color: #76D3D2;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1E1
400
#70D1D0
500
#3EC1C0
600
#329A99
700
#287C7B
800
#1F6160
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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