#06F9DC

#06F9DC

Color Values

HEX

#06F9DC

RGB

6, 249, 220

HSL

172.8, 95.3%, 50.0%

HSV

172.8, 97.6%, 97.6%

CMYK

97.6%, 0.0%, 11.6%, 2.4%

OKLCH

0.8803 0.159 180.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#06F9DC

#F90623

Analogous

#06F962

#069DF9

#06F9DC

Triadic

#06F9DC

#DC06F9

#F9DC06

Split Complementary

#06F9DC

#F9069D

#F96206

Tetradic

#06F9DC

#6206F9

#F90623

#9DF906

Color Blindness Simulation

Original

#06F9DC

Protanopia

#6F71E3

Deuteranopia

#614FE5

Tritanopia

#12E9EA

Achromatopsia

#C3C3C3

CSS Usage

background-color: #06F9DC;
color: #06F9DC;
border-color: #06F9DC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FDF5
300
#87FCEE
400
#47FBE5
500
#06F9DC
600
#05C7B0
700
#049F8D
800
#037D6E
900
#075A50
950
#043933

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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