Start generating
DFD8DC

#DFD8DC Pebble Beach

#DFD8DC is a very light gray named Pebble Beach. In the RGB color model it is made of 87.5% red, 84.7% green and 86.3% blue (rgb(223, 216, 220)). Its HSL value is 326° hue, 10% saturation and 86% lightness, and in CMYK it is 0% cyan, 3% magenta, 1% yellow and 13% black. #DFD8DC is a neutral color. Black text reads best on it, with a contrast ratio of 14.99:1.

Make a palette with #DFD8DC

#DFD8DC color conversion

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

Variations of #DFD8DC

Shades

Mixed with black: richer and darker.

DFD8DCC2BCBFA5A0A38A85886F6B6E5653543D3B3C272526121111020202

Tints

Mixed with white: lighter and softer.

DFD8DCE2DCDFE5E0E3E9E4E6ECE7EAEFEBEDF2EFF1F5F3F4F9F7F8FCFBFB

Tones

Mixed with gray: calmer and more muted.

DFD8DCD5CFD2CBC6C9C2BDBFB8B4B6AEABADA5A2A49B9A9B929192898889

Hues

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

DAD9E0DBD9E0DCD9DFDDD8DEDED8DDDFD8DCE0D8DBE0D8DAE0D8D9E0D8D8E0D8D6

Temperatures

Cooler on the left, warmer on the right.

BAC6E6C1CAE5C9CEE3D0D1E0D8D5DEDFD8DCE1D5D5E3D2CFE5CFC8E6CCC2E8C9BB

#DFD8DC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

DFD8DCD8DFDB
Open in generator →

Split complementary

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

DFD8DCD9DFD8D8DFDF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

DFD8DCDFD8DFDFD8D9
Open in generator →

Triadic

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

DFD8DCDCDFD8D8DCDF
Open in generator →

Tetradic

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

DFD8DCDFDBD8D8DFDBD8DCDF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

DFD8DCDFDFD8D8DFDBD8D9DF
Open in generator →

#DFD8DC for color-blind viewers (and dogs)

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

  • Dog vision 98% similarHow dogs see it · simulated as #DADADC
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #D8D9DC
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #DAD9DC
  • Deuteranopia 98% similar1.2% of men, 0.01% of women · simulated as #DADADC
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #DBD9DC
  • Tritanopia 99% similar0.001% of men, 0.03% of women · simulated as #E0D8D9
  • Tritanomaly 100% similar0.0001% of men, 0.0001% of women · simulated as #DFD8DB
  • Achromatopsia 98% similar0.003% of men, 0.003% of women · simulated as #DADADA
  • Achromatomaly 99% similar0.001% of men, 0.001% of women · simulated as #DBD9DA

#DFD8DC contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.40:1 Very poor#DFD8DC text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
14.99:1 Super#DFD8DC 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 #DFD8DC

Palettes with #DFD8DC

#DFD8DC in CSS

/* Pebble Beach */
.color { color: #DFD8DC; }
.background { background-color: #DFD8DC; }
.border { border: 1px solid #DFD8DC; }

/* Other notations */
color: rgb(223 216 220);
color: hsl(326 10% 86%);
color: oklch(0.889 0.009 341.8);

#DFD8DC FAQ

What color is #DFD8DC?

#DFD8DC is a very light gray. Its closest named color is Pebble Beach. It belongs to the gray color family and is a neutral color.

What is the RGB value of #DFD8DC?

#DFD8DC is rgb(223, 216, 220) in RGB, hsl(326, 10%, 86%) in HSL and cmyk(0%, 3%, 1%, 13%) in CMYK.

What is the complementary color of #DFD8DC?

The complementary color of #DFD8DC is #D8DFDB, which sits opposite it on the color wheel.

Which text color works on #DFD8DC?

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

Is #DFD8DC a warm or cool color?

#DFD8DC is a neutral color.