#C0D0CC

#C0D0CC

Color Values

HEX

#C0D0CC

RGB

192, 208, 204

HSL

165.0, 14.5%, 78.4%

HSV

165.0, 7.7%, 81.6%

CMYK

7.7%, 0.0%, 1.9%, 18.4%

OKLCH

0.8443 0.0182 179.2

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C0D0CC

#D0C0C4

Analogous

#C0D0C4

#C0CCD0

#C0D0CC

Triadic

#C0D0CC

#CCC0D0

#D0CCC0

Split Complementary

#C0D0CC

#D0C0CC

#D0C4C0

Tetradic

#C0D0CC

#C4C0D0

#D0C0C4

#CCD0C0

Color Blindness Simulation

Original

#C0D0CC

Protanopia

#C7C7CD

Deuteranopia

#C6C5CD

Tritanopia

#C1CECE

Achromatopsia

#CCCCCC

CSS Usage

background-color: #C0D0CC;
color: #C0D0CC;
border-color: #C0D0CC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CBC6
400
#93AEA7
500
#6D9289
600
#57756D
700
#465D58
800
#374944
900
#2A3734
950
#1B2321

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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