#C8DED4

#C8DED4

Color Values

HEX

#C8DED4

RGB

200, 222, 212

HSL

152.7, 25.0%, 82.7%

HSV

152.7, 9.9%, 87.1%

CMYK

9.9%, 0.0%, 4.5%, 12.9%

OKLCH

0.8814 0.0271 166.7

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C8DED4

#DEC8D2

Analogous

#C8DEC9

#C8DDDE

#C8DED4

Triadic

#C8DED4

#D4C8DE

#DED4C8

Split Complementary

#C8DED4

#DEC8DD

#DEC9C8

Tetradic

#C8DED4

#C9C8DE

#DEC8D2

#DDDEC8

Color Blindness Simulation

Original

#C8DED4

Protanopia

#D2D2D6

Deuteranopia

#D0CFD7

Tritanopia

#C9D8D9

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D2E4DC
300
#B2D1C3
400
#89B8A3
500
#609F82
600
#4D8068
700
#3D6653
800
#305041
900
#263B31
950
#18251F

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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