#0CC7F3

#0CC7F3

Color Values

HEX

#0CC7F3

RGB

12, 199, 243

HSL

191.4, 90.6%, 50.0%

HSV

191.4, 95.1%, 95.3%

CMYK

95.1%, 18.1%, 0.0%, 4.7%

OKLCH

0.7691 0.1404 221.5

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0CC7F3

#F3380C

Analogous

#0CF3AB

#0C54F3

#0CC7F3

Triadic

#0CC7F3

#F30CC7

#C7F30C

Split Complementary

#0CC7F3

#F30C54

#F3AB0C

Tetradic

#0CC7F3

#AB0CF3

#F3380C

#54F30C

Color Blindness Simulation

Original

#0CC7F3

Protanopia

#5D5FE8

Deuteranopia

#5244E6

Tritanopia

#15E0DE

Achromatopsia

#A2A2A2

CSS Usage

background-color: #0CC7F3;
color: #0CC7F3;
border-color: #0CC7F3;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBEFFC
300
#8AE4F9
400
#4BD6F6
500
#0CC7F3
600
#0A9FC2
700
#087F9C
800
#06647A
900
#094958
950
#062E38

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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