Opal Color Code: HEX Code & RGB Code Values

Looking for specific opal color code? Get exact opal hex code #A8D1D1 and opal RGB code rgb(168,209,209). Complete color information for design and development projects featuring this iridescent, ethereal blue-green color.

HEX#A8D1D1

RGBrgb(168,209,209)

Shades of Opal

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• A8D1D1

  rgb(168, 209, 209)
• 8AABAB

  rgb(138, 171, 171)
• 6D8686

  rgb(109, 134, 134)
• 516363

  rgb(81, 99, 99)
• 374242

  rgb(55, 66, 66)
• 1F2424

  rgb(31, 36, 36)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• A8D1D1

  rgb(168, 209, 209)
• B7D9D9

  rgb(183, 217, 217)
• C5E0E0

  rgb(197, 224, 224)
• D4E8E8

  rgb(212, 232, 232)
• E2F0EF

  rgb(226, 240, 239)
• F1F7F7

  rgb(241, 247, 247)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• A8D1D1

  rgb(168, 209, 209)
• ACD0D0

  rgb(172, 208, 208)
• B2CFCF

  rgb(178, 207, 207)
• B7CECE

  rgb(183, 206, 206)
• BDCCCC

  rgb(189, 204, 204)
• C3CBCB

  rgb(195, 203, 203)
• 808080

  rgb(128, 128, 128)

Opal Palette

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

#EBF4F4

Light

#D5E8E8

Medium Light

#BEDDDD

Medium

#A8D1D1

Medium Dark

#86AFAF

Dark

#668F8F

Darkest

#47706F

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#A8D1D1

Left Dark

#BCDADA

Left Medium

#CFE3E3

Left Light

#E2ECEC

Neutral

#F5F5F5

Right Light

#EDE1E1

Right Medium

#E4CECE

Right Dark

#DBBBBB

Complementary End

#D1A8A8

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#D4E8E8

Medium

#A8D1D1

Dark

#406666

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#A8D1A8

Left Adjacent 1

#A8D1BD

Main

#A8D1D1

Right Adjacent 1

#A8BCD1

Right Adjacent 2

#A8A8D1

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#A8D1D1

Complementary

#D1A8A8

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#A8D1D1

Secondary

#D1A8D1

Tertiary

#D1D1A8

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#A8D1D1

Right 90°

#BCA8D1

Complementary

#D1A8A8

Left 90°

#BDD1A8

Tetradic

Two pairs of complementary colors

4 colors

Main

#A8D1D1

Secondary

#A8A8D1

Complementary

#D1A8A8

Complementary Secondary

#D1D1A8

Split Complementary

Complementary colors ±30°

3 colors

Main

#A8D1D1

Split Left

#D1A8BD

Split Right

#D1BDA8

Cyclic

Circular gradient for periodic data

8 colors

0°

#A8D1D1

45°

#A8B2D1

90°

#BCA8D1

135°

#D1A8C7

180°

#D1A8A8

225°

#D1C7A8

270°

#BDD1A8

315°

#A8D1B2

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#ABBABA

Pastel 1

#B6C3C3

Pastel 2

#C1CDCD

Pastel 3

#CDD6D6

Pastel 4

#D8DFDF

Deep Pastel

#E3E8E8

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 Opal Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Opal Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #A8D1D1
• RGB:
  rgb(168, 209, 209)
• CMYK:
  cmyk(20%, 0%, 0%, 18%)
• HSV:
  hsv(180°, 20%, 82%)
• HSL:
  hsl(180°, 31%, 74%)

---

What is Opal?

Opal is an iridescent, ethereal blue-green color named after the opal gemstone. It's a delicate, shimmering shade that evokes feelings of magic and beauty. This color is often associated with gemstones, jewelry, and dreamy aesthetics.

The hex code for opal is #A8D1D1, with RGB values of rgb(168, 209, 209). It's a beautiful, iridescent color that adds magic to any design.

Design Applications

Opal works well in jewelry designs, magical aesthetics, and dreamy themes. It pairs beautifully with white, gold, and soft pink. Use it for jewelry branding, fantasy designs, or to create a magical, ethereal atmosphere in your projects.

FAQ

What is the opal hex code?

The opal hex code is #A8D1D1.

What colors complement opal?

Opal pairs well with white, gold, soft pink, and light blue.

Is opal named after the gemstone?

Yes, it's named for the iridescent opal gemstone.