#06C2C6

#06C2C6

Color Values

HEX

#06C2C6

RGB

6, 194, 198

HSL

181.2, 94.1%, 40.0%

HSV

181.2, 97.0%, 77.6%

CMYK

97.0%, 2.0%, 0.0%, 22.4%

OKLCH

0.7388 0.1251 197.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#06C2C6

#C60A06

Analogous

#06C66A

#0662C6

#06C2C6

Triadic

#06C2C6

#C606C2

#C2C606

Split Complementary

#06C2C6

#C60662

#C66A06

Tetradic

#06C2C6

#6A06C6

#C60A06

#62C606

Color Blindness Simulation

Original

#06C2C6

Protanopia

#5759C5

Deuteranopia

#4C3EC5

Tritanopia

#0FC4C4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFD
300
#88F9FB
400
#48F6F9
500
#08F3F7
600
#06C2C6
700
#059B9E
800
#04797C
900
#075859
950
#053739

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026