#0CCCF3

#0CCCF3

Color Values

HEX

#0CCCF3

RGB

12, 204, 243

HSL

190.1, 90.6%, 50.0%

HSV

190.1, 95.1%, 95.3%

CMYK

95.1%, 16.0%, 0.0%, 4.7%

OKLCH

0.7809 0.1395 218.4

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0CCCF3

#F3330C

Analogous

#0CF3A6

#0C59F3

#0CCCF3

Triadic

#0CCCF3

#F30CCC

#CCF30C

Split Complementary

#0CCCF3

#F30C59

#F3A60C

Tetradic

#0CCCF3

#A60CF3

#F3330C

#59F30C

Color Blindness Simulation

Original

#0CCCF3

Protanopia

#5F61EA

Deuteranopia

#5446E7

Tritanopia

#16E2E0

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE7F9
400
#4BD9F6
500
#0CCCF3
600
#0AA3C2
700
#08839C
800
#06667A
900
#094B58
950
#062F38

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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