Quartz Color Code: HEX Code & RGB Code Values

Looking for specific quartz color code? Get exact quartz hex code #D9D9D9 and quartz RGB code rgb(217,217,217). Complete color information for design and development projects featuring this clean, neutral gray color.

HEX#D9D9D9

RGBrgb(217,217,217)

Shades of Quartz

Create custom shades of quartz with our color generator. Adjust hues, tints, and tones to find the perfect shade of quartz for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• D9D9D9

  rgb(217, 217, 217)
• B1B1B1

  rgb(177, 177, 177)
• 8B8B8B

  rgb(139, 139, 139)
• 666666

  rgb(102, 102, 102)
• 444444

  rgb(68, 68, 68)
• 252525

  rgb(37, 37, 37)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• D9D9D9

  rgb(217, 217, 217)
• DFDFDF

  rgb(223, 223, 223)
• E6E6E6

  rgb(230, 230, 230)
• ECECEC

  rgb(236, 236, 236)
• F2F2F2

  rgb(242, 242, 242)
• F9F9F9

  rgb(249, 249, 249)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• D9D9D9

  rgb(217, 217, 217)
• D9D9D9

  rgb(217, 217, 217)
• D9D9D9

  rgb(217, 217, 217)
• D9D9D9

  rgb(217, 217, 217)
• D9D9D9

  rgb(217, 217, 217)
• D9D9D9

  rgb(217, 217, 217)
• 808080

  rgb(128, 128, 128)

Quartz Palette

Explore curated and automatically generated color palettes featuring quartz. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F2F2F2

Light

#EAEAEA

Medium Light

#E1E1E1

Medium

#D9D9D9

Medium Dark

#B6B6B6

Dark

#949494

Darkest

#737373

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#D9D9D9

Left Dark

#E0E0E0

Left Medium

#E7E7E7

Left Light

#EEEEEE

Neutral

#F5F5F5

Right Light

#EEEEEE

Right Medium

#E7E7E7

Right Dark

#E0E0E0

Complementary End

#D9D9D9

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#ECECEC

Medium

#D9D9D9

Dark

#666666

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#D9D9D9

Left Adjacent 1

#D9D9D9

Main

#D9D9D9

Right Adjacent 1

#D9D9D9

Right Adjacent 2

#D9D9D9

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#D9D9D9

Complementary

#D9D9D9

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#D9D9D9

Secondary

#D9D9D9

Tertiary

#D9D9D9

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#D9D9D9

Right 90°

#D9D9D9

Complementary

#D9D9D9

Left 90°

#D9D9D9

Tetradic

Two pairs of complementary colors

4 colors

Main

#D9D9D9

Secondary

#D9D9D9

Complementary

#D9D9D9

Complementary Secondary

#D9D9D9

Split Complementary

Complementary colors ±30°

3 colors

Main

#D9D9D9

Split Left

#D9D9D9

Split Right

#D9D9D9

Cyclic

Circular gradient for periodic data

8 colors

0°

#D9D9D9

45°

#D9D9D9

90°

#D9D9D9

135°

#D9D9D9

180°

#D9D9D9

225°

#D9D9D9

270°

#D9D9D9

315°

#D9D9D9

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#ABABAB

Pastel 1

#B6B6B6

Pastel 2

#C1C1C1

Pastel 3

#CDCDCD

Pastel 4

#D8D8D8

Deep Pastel

#E3E3E3

Common Gray Color Codes (HEX & RGB)

Gray/Grey →

HEX:#808080

RGB:rgb(128, 128, 128)

Silver →

HEX:#C0C0C0

RGB:rgb(192,192,192)

Dark Grey →

HEX:#A9A9A9

RGB:rgb(169, 169, 169)

Extract Quartz Hex & RGB Codes from Image

Upload a photo to find the exact quartz HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Quartz Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for quartz shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #D9D9D9
• RGB:
  rgb(217, 217, 217)
• CMYK:
  cmyk(0%, 0%, 0%, 15%)
• HSV:
  hsv(0°, 0%, 85%)
• HSL:
  hsl(0°, 0%, 85%)

---

What is Quartz?

Quartz is a clean, neutral gray color named after quartz crystal. It's a subtle, understated shade that evokes feelings of clarity and purity. This color is often associated with gemstones, modern design, and minimalist aesthetics.

The hex code for quartz is #D9D9D9, with RGB values of rgb(217, 217, 217). It's a neutral, beautiful color that adds simplicity to any design.

Design Applications

Quartz works well in modern designs, minimalist aesthetics, and clean themes. It pairs beautifully with white, black, and muted tones. Use it for backgrounds, borders, or to create a clean, modern atmosphere in your projects.

FAQ

What is the quartz hex code?

The quartz hex code is #D9D9D9.

What colors complement quartz?

Quartz pairs well with white, black, muted tones, and soft pastels.

Is quartz named after the crystal?

Yes, it's named for the clear quartz crystal.