Celadon color

A pale gray-green named after a type of Chinese and Korean glazed pottery. It's soft, cool and calming. It's often used in spa-like bathrooms, ceramics and vintage-inspired decor.

Also known as: Celadon green.

Celadon · #ACE1AF

About celadon

Celadon (#ACE1AF) is a balanced, light, moderately saturated color. It belongs to the greens family. It mixes 172 red, 225 green and 175 blue (out of 255). It is mostly used in ceramics, bathrooms, vintage decor.

Celadon shades and tints

From lightest to darkest. Tap a shade to copy its code.

Celadon color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Wisteria

AnalogousClose to: Seafoam green

TriadicClose to: Periwinkle, Dusty pink

Split complementaryClose to: Wisteria, Cameo pink

TetradicClose to: Chambray blue, Wisteria, Desert sand

Celadon color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Celadon

Analogous palette · Celadon

Complementary palette · Celadon

Triadic palette · Celadon

With neutrals palette · Celadon

With an accent palette · Celadon

Celadon contrast with text

White textContrast 1.5:1 · Not recommended

Black textContrast 14.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --celadon: #ACE1AF;
  --celadon-rgb: 172, 225, 175;
}
.bg { background-color: var(--celadon); }
.text { color: var(--celadon); }

Colors similar to celadon

Seafoam green Medium aquamarine Sage green Pistachio green Aquamarine Cream Oyster white Duck egg blue Beige Vanilla

Themed palettes with this color

Frequently asked questions

What is the hex code for celadon?

The hex code for celadon is #ACE1AF. In RGB it is rgb(172, 225, 175), in HSL hsl(123, 47%, 78%) and in CMYK 24, 0, 22, 12.

What is the complementary color of celadon?

Its complement on the color wheel is #E1ACDE, close to wisteria. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on celadon?

Use black text instead: the contrast with white is only 1.5:1, while with black it is 14.1:1.