#0CD6F3

#0CD6F3

Color Values

HEX

#0CD6F3

RGB

12, 214, 243

HSL

187.5, 90.6%, 50.0%

HSV

187.5, 95.1%, 95.3%

CMYK

95.1%, 11.9%, 0.0%, 4.7%

OKLCH

0.8045 0.1391 212.0

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#0CD6F3

#F3290C

Analogous

#0CF39C

#0C63F3

#0CD6F3

Triadic

#0CD6F3

#F30CD6

#D6F30C

Split Complementary

#0CD6F3

#F30C63

#F39C0C

Tetradic

#0CD6F3

#9C0CF3

#F3290C

#63F30C

Color Blindness Simulation

Original

#0CD6F3

Protanopia

#6465EC

Deuteranopia

#5849EA

Tritanopia

#16E6E5

Achromatopsia

#ADADAD

CSS Usage

background-color: #0CD6F3;
color: #0CD6F3;
border-color: #0CD6F3;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BBF4FC
300
#8AEBF9
400
#4BE1F6
500
#0CD6F3
600
#0AABC2
700
#08899C
800
#066B7A
900
#094E58
950
#063138

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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