#0CCBF3

#0CCBF3

Color Values

HEX

#0CCBF3

RGB

12, 203, 243

HSL

190.4, 90.6%, 50.0%

HSV

190.4, 95.1%, 95.3%

CMYK

95.1%, 16.5%, 0.0%, 4.7%

OKLCH

0.7785 0.1396 219.0

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0CCBF3

#F3340C

Analogous

#0CF3A8

#0C57F3

#0CCBF3

Triadic

#0CCBF3

#F30CCB

#CBF30C

Split Complementary

#0CCBF3

#F30C57

#F3A80C

Tetradic

#0CCBF3

#A80CF3

#F3340C

#57F30C

Color Blindness Simulation

Original

#0CCBF3

Protanopia

#5F60E9

Deuteranopia

#5445E7

Tritanopia

#16E2E0

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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