#CFDFC5

#CFDFC5

Color Values

HEX

#CFDFC5

RGB

207, 223, 197

HSL

96.9, 28.9%, 82.4%

HSV

96.9, 11.7%, 87.5%

CMYK

7.2%, 0.0%, 11.7%, 12.5%

OKLCH

0.8846 0.039 133.2

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFDFC5

#D5C5DF

Analogous

#DCDFC5

#C5DFC8

#CFDFC5

Triadic

#CFDFC5

#C5CFDF

#DFC5CF

Split Complementary

#CFDFC5

#C8C5DF

#DFC5DC

Tetradic

#CFDFC5

#C5DCDF

#D5C5DF

#DFC8C5

Color Blindness Simulation

Original

#CFDFC5

Protanopia

#D6D6CB

Deuteranopia

#D5D4CD

Tritanopia

#D0D0D1

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D1
300
#BED3B0
400
#9ABC85
500
#77A45B
600
#5F8349
700
#4C693A
800
#3C522D
900
#2E3D24
950
#1D2717

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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