#CFDDDA

#CFDDDA

Color Values

HEX

#CFDDDA

RGB

207, 221, 218

HSL

167,1, 17,1%, 83,9%

HSV

167,1, 6,3%, 86,7%

CMYK

6,3%, 0,0%, 1,4%, 13,3%

OKLCH

0,8861 0,0156 181,7

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#CFDDDA

#DDCFD2

Analogous

#CFDDD3

#CFD9DD

#CFDDDA

Triadic

#CFDDDA

#DACFDD

#DDDACF

Split Complementary

#CFDDDA

#DDCFD9

#DDD3CF

Tetradic

#CFDDDA

#D3CFDD

#DDCFD2

#D9DDCF

Color Blindness Simulation

Original

#CFDDDA

Protanopia

#D5D5DB

Deuteranopia

#D4D3DB

Tritanopia

#D0DBDB

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1DF
300
#B7CCC8
400
#91B1AA
500
#6A958C
600
#557770
700
#44605A
800
#354B46
900
#293835
950
#1A2321

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