What is Opal color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Opal, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#A8C3BC
HEX#A8C3BC
RGB168, 195, 188
HSL164°, 18%, 71%
HSB164°, 14%, 76%
CMYK14, 0, 4, 24
LAB77, -10, 0
XYZ44.7, 51.0, 55.1
LCH77, 11, 178°
LUV77, -14, 2
HWB164°, 66%, 24%

Opal Color Variations

Shades, tints, tones and hues built from opal. Hover any swatch to see its hex code.

Shades

#A8C3BC
#90A7A1
#788B86
#606F6B
#485451
#303836
#181C1B
#000000

Tints

#A8C3BC
#B4CCC6
#C1D4CF
#CDDDD9
#DAE5E2
#E6EEEC
#F3F6F5
#FFFFFF

Tones

#A8C3BC
#A2B9B3
#9DB0AB
#97A6A2
#919D9A
#8B9391
#868A89
#808080

Hues

#A8C3BC
#A8B6C3
#AEA8C3
#C3A8C3
#C3A8AF
#C3B5A8
#BCC3A8
#A8C3A8

Opal Color Contrast

Check how readable text and graphics are against opal. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#A8C3BC
11.20Great

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Opal color with the hex code #A8C3BC is a soft, muted blue-green shade inspired by the natural iridescent tones of the opal gemstone. It symbolizes calmness, clarity, balance, and creativity, creating a soothing and elegant visual impression. In color psychology, Opal #A8C3BC is often associated with tranquility, emotional harmony, freshness, and imagination, making it a beautiful choice for designs that aim to feel peaceful and refined.

Opal Color Harmonies

Ready-made color scheme combinations built around opal, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#A8C3AE
#A8C3BC
#A8BCC3

Complementary

#A8C3BC
#C3A8AF

Split Complementary

#A8C3BC
#C3A8BC
#C3AEA8

Triadic

#A8C3BC
#BCA8C3
#C3BCA8

Tetradic

#A8C3BC
#A8AFC3
#C3A8AF
#C3BCA8

Square

#A8C3BC
#AEA8C3
#C3A8AF
#BCC3A8

Opal Color Blindness Preview

See how opal is perceived by people with the most common color vision deficiencies.

Protanopia
#A8C3BC
Original
#B4B4BE
Protanopia
Deuteranopia
#A8C3BC
Original
#B2B0BE
Deuteranopia
Tritanopia
#A8C3BC
Original
#A9BFBF
Tritanopia
Achromatopsia
#A8C3BC
Original
#BABABA
Achromatopsia

Frequently Asked Questions

1. What colors go with Opal?

Opal pairs beautifully with soft neutrals and natural tones such as white, beige, ivory, light gray, and taupe for a calm and elegant look. The colors that go with Opal also include gold, deep teal, navy, and muted greens, which add contrast and sophistication. These combinations work well in interior design, fashion, branding, and creative projects.

2. What colors make Opal?

Opal is a soft blue-green shade that can be created by blending light blue and pale green with subtle hints of white or gray to achieve its muted, gemstone-like appearance. The exact mix depends on the desired tone, but adding more blue creates a cooler Opal color, while more green gives it a fresher, natural feel.

3. What color is Opal?

Opal is a soft blue-green color with subtle gray undertones inspired by the natural tones of the opal gemstone. The Opal color is represented by the hex code #A8C3BC and is often associated with calmness, balance, creativity, and tranquility. It is commonly used in branding, fashion, interior design, jewelry, and digital designs to create soothing and elegant visual styles.

More Color Meanings