#00C7CC

#00C7CC

Color Values

HEX

#00C7CC

RGB

0, 199, 204

HSL

181.5, 100.0%, 40.0%

HSV

181.5, 100.0%, 80.0%

CMYK

100.0%, 2.5%, 0.0%, 20.0%

OKLCH

0.753 0.1281 198.0

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#00C7CC

#CC0500

Analogous

#00CC6B

#0061CC

#00C7CC

Triadic

#00C7CC

#CC00C7

#C7CC00

Split Complementary

#00C7CC

#CC0061

#CC6B00

Tetradic

#00C7CC

#6B00CC

#CC0500

#61CC00

Color Blindness Simulation

Original

#00C7CC

Protanopia

#5658CB

Deuteranopia

#4B3CCA

Tritanopia

#0ACACA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #00C7CC;
color: #00C7CC;
border-color: #00C7CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FDFF
300
#85FCFF
400
#42FAFF
500
#00F9FF
600
#00C7CC
700
#009FA3
800
#007C80
900
#055A5C
950
#03393A

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026