#C0D3D2

#C0D3D2

Color Values

HEX

#C0D3D2

RGB

192, 211, 210

HSL

176.8, 17.8%, 79.0%

HSV

176.8, 9.0%, 82.7%

CMYK

9.0%, 0.0%, 0.5%, 17.3%

OKLCH

0.8523 0.0205 192.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C0D3D2

#D3C0C1

Analogous

#C0D3C8

#C0CAD3

#C0D3D2

Triadic

#C0D3D2

#D2C0D3

#D3D2C0

Split Complementary

#C0D3D2

#D3C0CA

#D3C8C0

Tetradic

#C0D3D2

#C8C0D3

#D3C0C1

#CAD3C0

Color Blindness Simulation

Original

#C0D3D2

Protanopia

#C8C8D2

Deuteranopia

#C7C6D2

Tritanopia

#C1D2D2

Achromatopsia

#CFCFCF

CSS Usage

background-color: #C0D3D2;
color: #C0D3D2;
border-color: #C0D3D2;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B7CDCC
400
#90B1B0
500
#699694
600
#547876
700
#43605F
800
#344B4A
900
#293837
950
#1A2423

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026