#01C2C8

#01C2C8

Color Values

HEX

#01C2C8

RGB

1, 194, 200

HSL

181,8, 99,0%, 39,4%

HSV

181,8, 99,5%, 78,4%

CMYK

99,5%, 3,0%, 0,0%, 21,6%

OKLCH

0,7393 0,1256 198,7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#01C2C8

#C80701

Analogous

#01C86A

#015FC8

#01C2C8

Triadic

#01C2C8

#C801C2

#C2C801

Split Complementary

#01C2C8

#C8015F

#C86A01

Tetradic

#01C2C8

#6A01C8

#C80701

#5FC801

Color Blindness Simulation

Original

#01C2C8

Protanopia

#5556C7

Deuteranopia

#493BC6

Tritanopia

#0BC5C5

Achromatopsia

#999999

CSS Usage

background-color: #01C2C8;
color: #01C2C8;
border-color: #01C2C8;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FDFF
300
#85FBFE
400
#43F8FE
500
#01F6FE
600
#01C5CB
700
#019EA2
800
#017B7F
900
#05595C
950
#03383A

Contrast Checker

Text on white

2,2:1

AA Fail AAA Fail

Text on black

9,55:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026