#06C0C1

#06C0C1

Color Values

HEX

#06C0C1

RGB

6, 192, 193

HSL

180.3, 94.0%, 39.0%

HSV

180.3, 96.9%, 75.7%

CMYK

96.9%, 0.5%, 0.0%, 24.3%

OKLCH

0.732 0.1242 195.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#06C0C1

#C10706

Analogous

#06C164

#0663C1

#06C0C1

Triadic

#06C0C1

#C106C0

#C0C106

Split Complementary

#06C0C1

#C10663

#C16406

Tetradic

#06C0C1

#6406C1

#C10706

#63C106

Color Blindness Simulation

Original

#06C0C1

Protanopia

#5758C1

Deuteranopia

#4C3EC1

Tritanopia

#0FC1C1

Achromatopsia

#999999

CSS Usage

background-color: #06C0C1;
color: #06C0C1;
border-color: #06C0C1;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FBFB
400
#48F8F9
500
#08F6F7
600
#06C5C6
700
#059E9E
800
#047B7C
900
#075959
950
#053838

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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