#C7D2CB

#C7D2CB

Color Values

HEX

#C7D2CB

RGB

199, 210, 203

HSL

141.8, 10.9%, 80.2%

HSV

141.8, 5.2%, 82.4%

CMYK

5.2%, 0.0%, 3.3%, 17.6%

OKLCH

0.8533 0.0153 158.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C7D2CB

#D2C7CE

Analogous

#C9D2C7

#C7D2D1

#C7D2CB

Triadic

#C7D2CB

#CBC7D2

#D2CBC7

Split Complementary

#C7D2CB

#D1C7D2

#D2C7C9

Tetradic

#C7D2CB

#C7C9D2

#D2C7CE

#D2D1C7

Color Blindness Simulation

Original

#C7D2CB

Protanopia

#CCCCCD

Deuteranopia

#CBCACD

Tritanopia

#C8CECE

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDA
300
#BBC8C0
400
#96AB9E
500
#728D7C
600
#5B7163
700
#495A4F
800
#39473E
900
#2C352F
950
#1C221E

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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