Xanadu

#738678

What color is Xanadu?

Xanadu is a muted, grey-green with a slight blue cast, hex #738678, close to the color of sage leaves. The grey in it gives it a dusty, weathered quality rather than a bright or leafy green.

What is the meaning of the color Xanadu?

The name comes from Xanadu, the summer capital of Kublai Khan’s Yuan dynasty in 13th-century China, a place associated in Western imagination with lush, otherworldly gardens. Samuel Taylor Coleridge’s 1797 poem ‘Kubla Khan’ brought the name into English literary culture, where it became shorthand for an idealized, verdant paradise. The Crayola crayon company formalized the color name in 1998, defining it as this specific grey-green shade. Pantone has used the name in similar contexts to anchor muted botanical tones in design palettes.

RGB
115, 134, 120
HSL
136°, 8%, 49%
CMYK
14, 0, 10, 47
HSV
136°, 14%, 53%
Xanadu color

What colors go with Xanadu?

Colors that pair well with Xanadu include:
Cream: soft, warm contrast
Navy: deep, grounding anchor
Terracotta: earthy warmth
Charcoal: quiet, cool depth
Dusty rose: gentle, muted balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #738678 color: #738678;
RGB 115, 134, 120 color: rgb(115, 134, 120);
RGB Percentage 45%, 53%, 47% color: rgb(45%, 53%, 47%);
CMYK 14%, 0%, 10%, 47% Not supported in CSS
HSL 136°, 8%, 49% color: hsl(136, 8%, 49%);
HSV 136°, 14%, 53% Not supported in CSS
CIE-LAB 39, -4, 5 color: lab(39% -4 5);
Decimal 7571064 Not supported in CSS

Color Variations

Shades

#738778
#67796C
#5C6C60
#505E54
#455148
#39433C
#2E3630
#222824

Tints

#D5DBD7
#C7CFC9
#B9C3BC
#ABB7AE
#9DABA1
#8F9F93
#819386
#738778

Tones

#738778
#748679
#758579
#76847A
#77837A
#78827B
#79817B
#7A807C

Hues

#738778
#738787
#737887
#7D7387
#877382
#877373
#878273
#7D8773

Color Harmonies

Analogous

#788773
Click to copy
#738678
Click to copy
#738782
Click to copy

Complementary

#738678
Click to copy
#877382
Click to copy

Split Complementary

#738678
Click to copy
#827387
Click to copy
#877378
Click to copy

Triadic

#738678
Click to copy
#787387
Click to copy
#877873
Click to copy

Tetradic

#738678
Click to copy
#737887
Click to copy
#877382
Click to copy
#878273
Click to copy

Square

#738678
Click to copy
#737887
Click to copy
#877382
Click to copy
#878273
Click to copy

CSS & Dev Snippets

CSS
.xanadu {
  color: #738678;
}
SCSS
$xanadu: #738678;
RGB
rgb(115, 134, 120)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags