#33F0EC

#33F0EC

Color Values

HEX

#33F0EC

RGB

51, 240, 236

HSL

178.7, 86.3%, 57.1%

HSV

178.7, 78.8%, 94.1%

CMYK

78.8%, 0.0%, 1.7%, 5.9%

OKLCH

0.8673 0.1407 192.6

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#33F0EC

#F03337

Analogous

#33F08E

#3396F0

#33F0EC

Triadic

#33F0EC

#EC33F0

#F0EC33

Split Complementary

#33F0EC

#F03396

#F08E33

Tetradic

#33F0EC

#8E33F0

#F03337

#96F033

Color Blindness Simulation

Original

#33F0EC

Protanopia

#8586ED

Deuteranopia

#7A6CED

Tritanopia

#3CEEEE

Achromatopsia

#C8C8C8

CSS Usage

background-color: #33F0EC;
color: #33F0EC;
border-color: #33F0EC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAF9
300
#8DF7F4
400
#4FF2EF
500
#11EEE9
600
#0EBEBA
700
#0B9895
800
#097774
900
#0B5654
950
#073635

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.82:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026