#C7D5CD

#C7D5CD

Color Values

HEX

#C7D5CD

RGB

199, 213, 205

HSL

145.7, 14.3%, 80.8%

HSV

145.7, 6.6%, 83.5%

CMYK

6.6%, 0.0%, 3.8%, 16.5%

OKLCH

0.8601 0.0187 161.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C7D5CD

#D5C7CF

Analogous

#C8D5C7

#C7D5D4

#C7D5CD

Triadic

#C7D5CD

#CDC7D5

#D5CDC7

Split Complementary

#C7D5CD

#D4C7D5

#D5C7C8

Tetradic

#C7D5CD

#C7C8D5

#D5C7CF

#D5D4C7

Color Blindness Simulation

Original

#C7D5CD

Protanopia

#CDCDCF

Deuteranopia

#CCCBCF

Tritanopia

#C8D0D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E0DB
300
#B9CBC1
400
#93AE9F
500
#6D927D
600
#577564
700
#465D50
800
#37493E
900
#2A3730
950
#1B231E

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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