#CFD2D4

#CFD2D4

Color Values

HEX

#CFD2D4

RGB

207, 210, 212

HSL

204,0, 5,5%, 82,2%

HSV

204,0, 2,4%, 83,1%

CMYK

2,4%, 0,9%, 0,0%, 16,9%

OKLCH

0,862 0,0043 236,5

Properties

Cool Light Nearest: RAL 7047 Telegrey 4

Color Harmonies

Complementary

#CFD2D4

#D4D1CF

Analogous

#CFD4D4

#CFD0D4

#CFD2D4

Triadic

#CFD2D4

#D4CFD2

#D2D4CF

Split Complementary

#CFD2D4

#D4CFD0

#D4D4CF

Tetradic

#CFD2D4

#D4CFD4

#D4D1CF

#D0D4CF

Color Blindness Simulation

Original

#CFD2D4

Protanopia

#D0D0D4

Deuteranopia

#D0D0D3

Tritanopia

#CFD3D3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDD
300
#BEC2C5
400
#9BA2A6
500
#788187
600
#60676C
700
#4D5256
800
#3C4043
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026