#01CBC2

#01CBC2

Color Values

HEX

#01CBC2

RGB

1, 203, 194

HSL

177,3, 99,0%, 40,0%

HSV

177,3, 99,5%, 79,6%

CMYK

99,5%, 0,0%, 4,4%, 20,4%

OKLCH

0,7594 0,1314 189,1

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#01CBC2

#CB010A

Analogous

#01CB5D

#016FCB

#01CBC2

Triadic

#01CBC2

#C201CB

#CBC201

Split Complementary

#01CBC2

#CB016F

#CB5D01

Tetradic

#01CBC2

#5D01CB

#CB010A

#6FCB01

Color Blindness Simulation

Original

#01CBC2

Protanopia

#595AC4

Deuteranopia

#4D3EC5

Tritanopia

#0BC6C6

Achromatopsia

#9F9F9F

CSS Usage

background-color: #01CBC2;
color: #01CBC2;
border-color: #01CBC2;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFB
300
#85FEF9
400
#43FEF6
500
#01FEF2
600
#01CBC2
700
#01A29B
800
#017F79
900
#055C58
950
#033A37

Contrast Checker

Text on white

2,03:1

AA Fail AAA Fail

Text on black

10,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026