#12DFED

#12DFED

Color Values

HEX

#12DFED

RGB

18, 223, 237

HSL

183.8, 85.9%, 50.0%

HSV

183.8, 92.4%, 92.9%

CMYK

92.4%, 5.9%, 0.0%, 7.1%

OKLCH

0.8239 0.1387 203.0

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#12DFED

#ED2012

Analogous

#12ED8D

#1272ED

#12DFED

Triadic

#12DFED

#ED12DF

#DFED12

Split Complementary

#12DFED

#ED1272

#ED8D12

Tetradic

#12DFED

#8D12ED

#ED2012

#72ED12

Color Blindness Simulation

Original

#12DFED

Protanopia

#6B6DEA

Deuteranopia

#5F4FE9

Tritanopia

#1CE7E6

Achromatopsia

#B4B4B4

CSS Usage

background-color: #12DFED;
color: #12DFED;
border-color: #12DFED;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF6FA
300
#8DF0F6
400
#50E7F2
500
#12DFED
600
#0EB3BE
700
#0C8F98
800
#097077
900
#0B5156
950
#073336

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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