Crystal Color Code: HEX Code & RGB Code Values

Looking for specific crystal color code? Get exact crystal hex code #A7D8DE and crystal RGB code rgb(167,216,222). Complete color information for design and development projects featuring this clear, translucent blue color.

HEX#A7D8DE

RGBrgb(167,216,222)

Shades of Crystal

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• A7D8DE

  rgb(167, 216, 222)
• 89B0B5

  rgb(137, 176, 181)
• 6C8A8E

  rgb(108, 138, 142)
• 516669

  rgb(81, 102, 105)
• 374445

  rgb(55, 68, 69)
• 1F2425

  rgb(31, 36, 37)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• A7D8DE

  rgb(167, 216, 222)
• B6DEE3

  rgb(182, 222, 227)
• C5E5E9

  rgb(197, 229, 233)
• D4EBEE

  rgb(212, 235, 238)
• E2F2F4

  rgb(226, 242, 244)
• F1F8F9

  rgb(241, 248, 249)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• A7D8DE

  rgb(167, 216, 222)
• ACD7DC

  rgb(172, 215, 220)
• B3D6DA

  rgb(179, 214, 218)
• BAD4D8

  rgb(186, 212, 216)
• C1D3D5

  rgb(193, 211, 213)
• C8D1D2

  rgb(200, 209, 210)
• 808080

  rgb(128, 128, 128)

Crystal Palette

Explore curated and automatically generated color palettes featuring crystal. 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

#ECF7F8

Light

#D6EDEF

Medium Light

#BFE2E7

Medium

#A7D8DE

Medium Dark

#85B8BF

Dark

#639AA1

Darkest

#417C84

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#A7D8DE

Left Dark

#BBDFE4

Left Medium

#CFE7E9

Left Light

#E2EEEF

Neutral

#F5F5F5

Right Light

#F0E3E1

Right Medium

#EBD1CD

Right Dark

#E5BFBA

Complementary End

#DEADA7

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#D4EBEE

Medium

#A7D8DE

Dark

#3A696F

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#A7DEAD

Left Adjacent 1

#A7DEC8

Main

#A7D8DE

Right Adjacent 1

#A7BDDE

Right Adjacent 2

#ADA7DE

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#A7D8DE

Complementary

#DEADA7

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#A7D8DE

Secondary

#DEA7D8

Tertiary

#D8DEA7

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#A7D8DE

Right 90°

#C9A7DE

Complementary

#DEADA7

Left 90°

#BCDEA7

Tetradic

Two pairs of complementary colors

4 colors

Main

#A7D8DE

Secondary

#ADA7DE

Complementary

#DEADA7

Complementary Secondary

#D8DEA7

Split Complementary

Complementary colors ±30°

3 colors

Main

#A7D8DE

Split Left

#DEA7BC

Split Right

#DEC9A7

Cyclic

Circular gradient for periodic data

8 colors

0°

#A7D8DE

45°

#A7AFDE

90°

#C9A7DE

135°

#DEA7CA

180°

#DEADA7

225°

#DED6A7

270°

#BCDEA7

315°

#A7DEBB

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A8BBBD

Pastel 1

#B4C4C6

Pastel 2

#BFCDCF

Pastel 3

#CBD6D7

Pastel 4

#D6DFE0

Deep Pastel

#E2E8E9

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Crystal Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Crystal Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #A7D8DE
• RGB:
  rgb(167, 216, 222)
• CMYK:
  cmyk(25%, 3%, 0%, 13%)
• HSV:
  hsv(187°, 25%, 87%)
• HSL:
  hsl(187°, 45%, 76%)

---

What is Crystal?

Crystal is a clear, translucent blue color that resembles the appearance of crystal glass. It's a clean, modern shade that conveys purity and clarity.

The hex code for crystal is #A7D8DE, with RGB values of rgb(167, 216, 222). It's a fresh, pristine color.

Design Applications

Crystal works well in modern designs, spa branding, and minimalist aesthetics. It pairs beautifully with white, silver, and pale pink. Use it for luxury branding, spa designs, or clean website interfaces.

FAQ

What is the crystal hex code?

The crystal hex code is #A7D8DE.

What colors go with crystal?

Crystal pairs well with white, silver, pale pink, and light gray.

Is crystal a cool or warm color?

Crystal is a cool color with blue undertones.