#C7DAC6

#C7DAC6

Color Values

HEX

#C7DAC6

RGB

199, 218, 198

HSL

117.0, 21.3%, 81.6%

HSV

117.0, 9.2%, 85.5%

CMYK

8.7%, 0.0%, 9.2%, 14.5%

OKLCH

0.8686 0.034 143.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C7DAC6

#D9C6DA

Analogous

#D1DAC6

#C6DACF

#C7DAC6

Triadic

#C7DAC6

#C6C7DA

#DAC6C7

Split Complementary

#C7DAC6

#CFC6DA

#DAC6D1

Tetradic

#C7DAC6

#C6D1DA

#D9C6DA

#DACFC6

Color Blindness Simulation

Original

#C7DAC6

Protanopia

#CFCFCB

Deuteranopia

#CECDCC

Tritanopia

#C8CFD0

Achromatopsia

#D5D5D5

CSS Usage

background-color: #C7DAC6;
color: #C7DAC6;
border-color: #C7DAC6;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B6CFB5
400
#8FB58D
500
#679B64
600
#527C50
700
#426340
800
#344D32
900
#283A27
950
#192419

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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