#0CD3CC

#0CD3CC

Color Values

HEX

#0CD3CC

RGB

12, 211, 204

HSL

177.9, 89.2%, 43.7%

HSV

177.9, 94.3%, 82.7%

CMYK

94.3%, 0.0%, 3.3%, 17.3%

OKLCH

0.783 0.1339 190.5

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#0CD3CC

#D30C13

Analogous

#0CD368

#0C76D3

#0CD3CC

Triadic

#0CD3CC

#CC0CD3

#D3CC0C

Split Complementary

#0CD3CC

#D30C76

#D3680C

Tetradic

#0CD3CC

#680CD3

#D30C13

#76D30C

Color Blindness Simulation

Original

#0CD3CC

Protanopia

#6264CE

Deuteranopia

#5748CE

Tritanopia

#16CFCF

Achromatopsia

#A8A8A8

CSS Usage

background-color: #0CD3CC;
color: #0CD3CC;
border-color: #0CD3CC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BBFBF9
300
#8BF8F5
400
#4CF5EF
500
#0EF1E9
600
#0BC1BB
700
#099A95
800
#077975
900
#0A5755
950
#063735

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026