#10C8CC

#10C8CC

Color Values

HEX

#10C8CC

RGB

16, 200, 204

HSL

181.3, 85.5%, 43.1%

HSV

181.3, 92.2%, 80.0%

CMYK

92.2%, 2.0%, 0.0%, 20.0%

OKLCH

0.7562 0.127 197.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#10C8CC

#CC1410

Analogous

#10CC72

#106ACC

#10C8CC

Triadic

#10C8CC

#CC10C8

#C8CC10

Split Complementary

#10C8CC

#CC106A

#CC7210

Tetradic

#10C8CC

#7210CC

#CC1410

#6ACC10

Color Blindness Simulation

Original

#10C8CC

Protanopia

#6061CB

Deuteranopia

#5547CB

Tritanopia

#19CACA

Achromatopsia

#A1A1A1

CSS Usage

background-color: #10C8CC;
color: #10C8CC;
border-color: #10C8CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9FA
300
#8DF4F6
400
#50EEF1
500
#12E8ED
600
#0FB9BD
700
#0C9497
800
#097476
900
#0B5456
950
#073536

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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