#76E4EB

#76E4EB

Color Values

HEX

#76E4EB

RGB

118, 228, 235

HSL

183.6, 74.5%, 69.2%

HSV

183.6, 49.8%, 92.2%

CMYK

49.8%, 3.0%, 0.0%, 7.8%

OKLCH

0.8564 0.1015 200.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#76E4EB

#EB7D76

Analogous

#76EBB7

#76A9EB

#76E4EB

Triadic

#76E4EB

#EB76E4

#E4EB76

Split Complementary

#76E4EB

#EB76A9

#EBB776

Tetradic

#76E4EB

#B776EB

#EB7D76

#A9EB76

Color Blindness Simulation

Original

#76E4EB

Protanopia

#A6A7E9

Deuteranopia

#9F97E9

Tritanopia

#7CE8E8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F3F6
300
#94EAEF
400
#5ADFE7
500
#21D3DE
600
#1AA9B2
700
#15878E
800
#106A6F
900
#104D51
950
#0A3133

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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