#76EFEC

#76EFEC

Color Values

HEX

#76EFEC

RGB

118, 239, 236

HSL

178.5, 79.1%, 70.0%

HSV

178.5, 50.6%, 93.7%

CMYK

50.6%, 0.0%, 1.3%, 6.3%

OKLCH

0.8818 0.1092 193.2

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#76EFEC

#EF7679

Analogous

#76EFAF

#76B6EF

#76EFEC

Triadic

#76EFEC

#EC76EF

#EFEC76

Split Complementary

#76EFEC

#EF76B6

#EFAF76

Tetradic

#76EFEC

#AF76EF

#EF7679

#B6EF76

Color Blindness Simulation

Original

#76EFEC

Protanopia

#AAABED

Deuteranopia

#A39AED

Tritanopia

#7CEDED

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF8F6
300
#91F2F0
400
#56EBE8
500
#1BE4DF
600
#15B7B3
700
#11928F
800
#0D7270
900
#0E5351
950
#093433

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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