#C8D3C7

#C8D3C7

Color Values

HEX

#C8D3C7

RGB

200, 211, 199

HSL

115.0, 12.0%, 80.4%

HSV

115.0, 5.7%, 82.7%

CMYK

5.2%, 0.0%, 5.7%, 17.3%

OKLCH

0.855 0.0202 143.0

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C8D3C7

#D2C7D3

Analogous

#CED3C7

#C7D3CC

#C8D3C7

Triadic

#C8D3C7

#C7C8D3

#D3C7C8

Split Complementary

#C8D3C7

#CCC7D3

#D3C7CE

Tetradic

#C8D3C7

#C7CED3

#D2C7D3

#D3CCC7

Color Blindness Simulation

Original

#C8D3C7

Protanopia

#CDCDCA

Deuteranopia

#CCCBCB

Tritanopia

#C9CCCD

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C8D3C7;
color: #C8D3C7;
border-color: #C8D3C7;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D8E0D7
300
#BCC9BA
400
#97AC95
500
#738F70
600
#5C725A
700
#495B48
800
#394738
900
#2C362B
950
#1C221B

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026