#CFDCC6

#CFDCC6

Color Values

HEX

#CFDCC6

RGB

207, 220, 198

HSL

95.5, 23.9%, 82.0%

HSV

95.5, 10.0%, 86.3%

CMYK

5.9%, 0.0%, 10.0%, 13.7%

OKLCH

0.8786 0.0328 132.3

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFDCC6

#D3C6DC

Analogous

#DADCC6

#C6DCC8

#CFDCC6

Triadic

#CFDCC6

#C6CFDC

#DCC6CF

Split Complementary

#CFDCC6

#C8C6DC

#DCC6DA

Tetradic

#CFDCC6

#C6DADC

#D3C6DC

#DCC8C6

Color Blindness Simulation

Original

#CFDCC6

Protanopia

#D5D5CB

Deuteranopia

#D4D3CD

Tritanopia

#D0D0D0

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF1EA
200
#DAE4D3
300
#BFD0B3
400
#9DB78A
500
#7A9E61
600
#627E4E
700
#4E653E
800
#3D4F31
900
#2F3B26
950
#1D2518

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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