#CFDDD7

#CFDDD7

Color Values

HEX

#CFDDD7

RGB

207, 221, 215

HSL

154.3, 17.1%, 83.9%

HSV

154.3, 6.3%, 86.7%

CMYK

6.3%, 0.0%, 2.7%, 13.3%

OKLCH

0.8852 0.0171 168.4

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#CFDDD7

#DDCFD5

Analogous

#CFDDD0

#CFDCDD

#CFDDD7

Triadic

#CFDDD7

#D7CFDD

#DDD7CF

Split Complementary

#CFDDD7

#DDCFDC

#DDD0CF

Tetradic

#CFDDD7

#D0CFDD

#DDCFD5

#DCDDCF

Color Blindness Simulation

Original

#CFDDD7

Protanopia

#D5D5D8

Deuteranopia

#D4D3D9

Tritanopia

#D0DADA

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DC
300
#B7CCC3
400
#91B1A3
500
#6A9583
600
#557769
700
#446054
800
#354B41
900
#293832
950
#1A231F

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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