Start generating
DCDFDF

#DCDFDF Drifting Cloud

#DCDFDF is a very light gray named Drifting Cloud. In the RGB color model it is made of 86.3% red, 87.5% green and 87.5% blue (rgb(220, 223, 223)). Its HSL value is 180° hue, 4% saturation and 87% lightness, and in CMYK it is 1% cyan, 0% magenta, 0% yellow and 13% black. #DCDFDF is a neutral color. Black text reads best on it, with a contrast ratio of 15.66:1.

Make a palette with #DCDFDF

#DCDFDF color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #DCDFDF

Shades

Mixed with black: richer and darker.

DCDFDFBFC2C2A3A5A5888A8A6E6F6F5456563C3D3D262727111212020202

Tints

Mixed with white: lighter and softer.

DCDFDFDFE2E2E3E5E5E6E9E9EAECECEDEFEFF1F2F2F4F5F5F8F9F9FBFCFC

Tones

Mixed with gray: calmer and more muted.

DCDFDFD2D5D5C9CBCBBFC2C2B6B8B8ADAEAEA4A5A59B9B9B929292898989

Hues

The same lightness and chroma, rotated around the color wheel.

DDDFDDDDDFDDDCDFDEDCDFDEDCDFDFDCDFDFDCDFDFDCDFE0DCDFE0DCDFE0DDDFE0

Temperatures

Cooler on the left, warmer on the right.

B7CCE9BED0E7C6D4E5CDD7E3D5DBE1DCDFDFDEDCD8E0D9D2E2D5CBE4D2C4E6CFBD

#DCDFDF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

DCDFDFDFDCDC
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

DCDFDFDFDCDEDFDEDC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

DCDFDFDCDFDEDCDEDF
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

DCDFDFDFDCDFDFDFDC
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

DCDFDFDCDCDFDFDCDCDFDFDC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

DCDFDFDEDCDFDFDCDCDEDFDC
Open in generator →

#DCDFDF for color-blind viewers (and dogs)

How #DCDFDF appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 99% similarHow dogs see it · simulated as #DEDEDF
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #DFDFDF
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #DEDFDF
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #DEDEDF
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #DDDEDF
  • Tritanopia 100% similar0.001% of men, 0.03% of women · simulated as #DBDFDF
  • Tritanomaly 100% similar0.0001% of men, 0.0001% of women · simulated as #DCDFDF
  • Achromatopsia 99% similar0.003% of men, 0.003% of women · simulated as #DEDEDE
  • Achromatomaly 99% similar0.001% of men, 0.001% of women · simulated as #DEDFDF

#DCDFDF contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.34:1 Very poor#DCDFDF text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
15.66:1 Super#DCDFDF text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #DCDFDF

Palettes with #DCDFDF

#DCDFDF in CSS

/* Drifting Cloud */
.color { color: #DCDFDF; }
.background { background-color: #DCDFDF; }
.border { border: 1px solid #DCDFDF; }

/* Other notations */
color: rgb(220 223 223);
color: hsl(180 4% 87%);
color: oklch(0.901 0.003 197.1);

#DCDFDF FAQ

What color is #DCDFDF?

#DCDFDF is a very light gray. Its closest named color is Drifting Cloud. It belongs to the gray color family and is a neutral color.

What is the RGB value of #DCDFDF?

#DCDFDF is rgb(220, 223, 223) in RGB, hsl(180, 4%, 87%) in HSL and cmyk(1%, 0%, 0%, 13%) in CMYK.

What is the complementary color of #DCDFDF?

The complementary color of #DCDFDF is #DFDCDC, which sits opposite it on the color wheel.

Which text color works on #DCDFDF?

Black text has the best contrast on #DCDFDF: 15.66:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #DCDFDF a warm or cool color?

#DCDFDF is a neutral color.