#00FFF2

#00FFF2

Color Values

HEX

#00FFF2

RGB

0, 255, 242

HSL

176.9, 100.0%, 50.0%

HSV

176.9, 100.0%, 100.0%

CMYK

100.0%, 0.0%, 5.1%, 0.0%

OKLCH

0.9012 0.1566 188.2

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#00FFF2

#FF000D

Analogous

#00FF72

#008DFF

#00FFF2

Triadic

#00FFF2

#F200FF

#FFF200

Split Complementary

#00FFF2

#FF008D

#FF7200

Tetradic

#00FFF2

#7200FF

#FF000D

#8DFF00

Color Blindness Simulation

Original

#00FFF2

Protanopia

#6E71F5

Deuteranopia

#604CF6

Tritanopia

#0DF8F8

Achromatopsia

#C8C8C8

CSS Usage

background-color: #00FFF2;
color: #00FFF2;
border-color: #00FFF2;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFB
300
#85FFF9
400
#42FFF5
500
#00FFF2
600
#00CCC1
700
#00A39B
800
#008079
900
#055C58
950
#033A37

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026