#42E9EB

#42E9EB

Color Values

HEX

#42E9EB

RGB

66, 233, 235

HSL

180.7, 80.9%, 59.0%

HSV

180.7, 71.9%, 92.2%

CMYK

71.9%, 0.9%, 0.0%, 7.8%

OKLCH

0.8529 0.1317 196.2

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#42E9EB

#EB4442

Analogous

#42EB98

#4294EB

#42E9EB

Triadic

#42E9EB

#EB42E9

#E9EB42

Split Complementary

#42E9EB

#EB4294

#EB9842

Tetradic

#42E9EB

#9842EB

#EB4442

#94EB42

Color Blindness Simulation

Original

#42E9EB

Protanopia

#8A8CEB

Deuteranopia

#8174EA

Tritanopia

#4AEAEA

Achromatopsia

#C6C6C6

CSS Usage

background-color: #42E9EB;
color: #42E9EB;
border-color: #42E9EB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BEF8F8
300
#90F2F3
400
#54EBED
500
#18E4E7
600
#13B7B9
700
#109294
800
#0C7273
900
#0D5354
950
#083435

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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