#0CD8F3

#0CD8F3

Color Values

HEX

#0CD8F3

RGB

12, 216, 243

HSL

187.0, 90.6%, 50.0%

HSV

187.0, 95.1%, 95.3%

CMYK

95.1%, 11.1%, 0.0%, 4.7%

OKLCH

0.8093 0.1393 210.8

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#0CD8F3

#F3270C

Analogous

#0CF39A

#0C65F3

#0CD8F3

Triadic

#0CD8F3

#F30CD8

#D8F30C

Split Complementary

#0CD8F3

#F30C65

#F39A0C

Tetradic

#0CD8F3

#9A0CF3

#F3270C

#65F30C

Color Blindness Simulation

Original

#0CD8F3

Protanopia

#6466EC

Deuteranopia

#5849EB

Tritanopia

#16E7E6

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF4FC
300
#8AECF9
400
#4BE2F6
500
#0CD8F3
600
#0AADC2
700
#088A9C
800
#066C7A
900
#094F58
950
#063238

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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