Start generating
DFD8DE

#DFD8DE Pebble Beach

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

Make a palette with #DFD8DE

#DFD8DE color conversion

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

Variations of #DFD8DE

Shades

Mixed with black: richer and darker.

DFD8DEC2BCC1A5A0A58A85896F6B6F5653553D3B3D272526121112020202

Tints

Mixed with white: lighter and softer.

DFD8DEE2DCE1E5E0E5E9E4E8ECE7EBEFEBEEF2EFF2F5F3F5F9F7F8FCFBFC

Tones

Mixed with gray: calmer and more muted.

DFD8DED5CFD4CBC6CAC2BDC1B8B4B7AEABAEA5A2A49B9A9B929192898889

Hues

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

D9DAE2DAD9E2DBD9E1DDD9E0DED8DFDFD8DEE0D8DDE1D8DBE1D8DAE2D8D9E2D8D7

Temperatures

Cooler on the left, warmer on the right.

BAC6E8C1CAE6C9CEE4D0D1E2D8D5E0DFD8DEE1D5D7E3D2D1E5CFCAE6CCC4E8C9BD

#DFD8DE color harmonies

Complementary

The opposite hue — maximum contrast and energy.

DFD8DED8DFD9
Open in generator →

Split complementary

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

DFD8DEDBDFD8D8DFDD
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

DFD8DEDDD8DFDFD8DB
Open in generator →

Triadic

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

DFD8DEDEDFD8D8DEDF
Open in generator →

Tetradic

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

DFD8DEDFD9D8D8DFD9D8DEDF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

DFD8DEDFDDD8D8DFD9D8DBDF
Open in generator →

#DFD8DE for color-blind viewers (and dogs)

How #DFD8DE 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 #D9DADE
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #D8D9DE
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #DAD9DE
  • Deuteranopia 98% similar1.2% of men, 0.01% of women · simulated as #D9DADE
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #DBDADE
  • Tritanopia 99% similar0.001% of men, 0.03% of women · simulated as #E0D8DA
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #DFD8DC
  • Achromatopsia 98% similar0.003% of men, 0.003% of women · simulated as #DADADA
  • Achromatomaly 98% similar0.001% of men, 0.001% of women · simulated as #DBD9DB

#DFD8DE contrast checker

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

Palettes with #DFD8DE

#DFD8DE in CSS

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

/* Other notations */
color: rgb(223 216 222);
color: hsl(309 10% 86%);
color: oklch(0.890 0.011 330.2);

#DFD8DE FAQ

What color is #DFD8DE?

#DFD8DE 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 #DFD8DE?

#DFD8DE is rgb(223, 216, 222) in RGB, hsl(309, 10%, 86%) in HSL and cmyk(0%, 3%, 0%, 13%) in CMYK.

What is the complementary color of #DFD8DE?

The complementary color of #DFD8DE is #D8DFD9, which sits opposite it on the color wheel.

Which text color works on #DFD8DE?

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

Is #DFD8DE a warm or cool color?

#DFD8DE is a neutral color.