Celadon

#A8DCAB

What color is Celadon?

Celadon is a soft, muted green with a slight gray or blue tint, hex #A8DCAB, similar in tone to the pale inner flesh of a jade stone. The color has a quiet, washed-out quality, sitting closer to gray-green than a vivid leafy green.

What is the meaning of the color Celadon?

Named after the glaze used on Chinese stoneware pottery, celadon was first produced during the Song Dynasty (960–1279 CE) in Zhejiang province. The glazed ceramics were traded widely along maritime routes and became highly prized in Europe and the Middle East by the 14th century. The name in English is linked to a character named Céladon in Honoré d’Urfé’s 1607 French pastoral novel L’Astrée, whose grey-green ribbons gave the color its Western name. The Smithsonian Institution’s Freer Gallery of Art holds one of the most significant collections of celadon ware in the United States, anchoring the color’s continued association with East Asian ceramic heritage.

RGB
168, 220, 171
HSL
123°, 43%, 76%
CMYK
24, 0, 22, 14
HSV
123°, 24%, 86%
Celadon color

What colors go with Celadon?

Colors that pair well with Celadon include:
Soft white: clean, airy contrast
Dusty rose: gentle, warm balance
Navy blue: cool, grounding depth
Warm ivory: soft, natural harmony
Charcoal gray: quiet, modern contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A8DCAB color: #A8DCAB;
RGB 168, 220, 171 color: rgb(168, 220, 171);
RGB Percentage 66%, 86%, 67% color: rgb(66%, 86%, 67%);
CMYK 24%, 0%, 22%, 14% Not supported in CSS
HSL 123°, 43%, 76% color: hsl(123, 43%, 76%);
HSV 123°, 24%, 86% Not supported in CSS
CIE-LAB 61, -10, 16 color: lab(61% -10 16);
Decimal 11066539 Not supported in CSS

Color Variations

Shades

#A7DCAA
#8CD18F
#70C674
#54BB59
#42A647
#378B3B
#2C6F30
#215324

Tints

#E5F5E6
#DCF1DD
#D3EED5
#CAEACC
#C2E7C4
#B9E3BB
#B0E0B3
#A7DCAA

Tones

#A7DCAA
#AAD9AC
#ADD7AF
#AFD4B1
#B2D2B4
#B5CFB6
#B7CCB8
#BACABB

Hues

#A7DCAA
#A7DCD2
#A7BFDC
#B7A7DC
#DCA7D9
#DCA7B2
#DCC4A7
#CCDCA7

Color Harmonies

Analogous

#BFDCA7
Click to copy
#A8DCAB
Click to copy
#A7DCC4
Click to copy

Complementary

#A8DCAB
Click to copy
#DCA7D9
Click to copy

Split Complementary

#A8DCAB
Click to copy
#C4A7DC
Click to copy
#DCA7BF
Click to copy

Triadic

#A8DCAB
Click to copy
#AAA7DC
Click to copy
#DCAAA7
Click to copy

Tetradic

#A8DCAB
Click to copy
#A7BFDC
Click to copy
#DCA7D9
Click to copy
#DCC4A7
Click to copy
97%

Square

#A8DCAB
Click to copy
#A7BFDC
Click to copy
#DCA7D9
Click to copy
#DCC4A7
Click to copy
97%

CSS & Dev Snippets

CSS
.celadon {
  color: #A8DCAB;
}
SCSS
$celadon: #A8DCAB;
RGB
rgb(168, 220, 171)

Accessibility & Contrast

White background

1.56:1
1.56
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

13.49:1
13.49
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags