#0CCAF3

#0CCAF3

Color Values

HEX

#0CCAF3

RGB

12, 202, 243

HSL

190.6, 90.6%, 50.0%

HSV

190.6, 95.1%, 95.3%

CMYK

95.1%, 16.9%, 0.0%, 4.7%

OKLCH

0.7762 0.1398 219.7

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0CCAF3

#F3350C

Analogous

#0CF3A8

#0C57F3

#0CCAF3

Triadic

#0CCAF3

#F30CCA

#CAF30C

Split Complementary

#0CCAF3

#F30C57

#F3A80C

Tetradic

#0CCAF3

#A80CF3

#F3350C

#57F30C

Color Blindness Simulation

Original

#0CCAF3

Protanopia

#5E60E9

Deuteranopia

#5345E7

Tritanopia

#16E1E0

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF0FC
300
#8AE6F9
400
#4BD8F6
500
#0CCAF3
600
#0AA2C2
700
#08819C
800
#06657A
900
#094A58
950
#062F38

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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