#12F3F3

#12F3F3

Color Values

HEX

#12F3F3

RGB

18, 243, 243

HSL

180.0, 90.4%, 51.2%

HSV

180.0, 92.6%, 95.3%

CMYK

92.6%, 0.0%, 0.0%, 4.7%

OKLCH

0.8736 0.1477 194.8

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#12F3F3

#F31212

Analogous

#12F383

#1283F3

#12F3F3

Triadic

#12F3F3

#F312F3

#F3F312

Split Complementary

#12F3F3

#F31283

#F38312

Tetradic

#12F3F3

#8312F3

#F31212

#83F312

Color Blindness Simulation

Original

#12F3F3

Protanopia

#7375F3

Deuteranopia

#6655F3

Tritanopia

#1DF3F3

Achromatopsia

#C3C3C3

CSS Usage

background-color: #12F3F3;
color: #12F3F3;
border-color: #12F3F3;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFC
300
#8AF9F9
400
#4BF6F6
500
#0CF3F3
600
#0AC2C2
700
#089B9B
800
#067979
900
#095858
950
#063737

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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