Named color · #EDE9DF
Taj Mahal
Taj Mahal is #EDE9DF: rgb(237 233 223), hsl(43 28% 90%), oklch(0.934 0.014 88.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Taj Mahal color name →
#EDE9DF
oklch(0.934 0.014 88.7)
Color conversions
- HEX
- #ede9df
- RGB
- rgb(237 233 223)
- HSL
- hsl(43 28% 90%)
- HWB
- hwb(43 87% 7%)
- OKLCH
- oklch(0.934 0.014 88.7)
- OKLab
- oklab(0.934 0 0.014)
- CIE Lab
- lab(92.46 0.12 5.38)
- LCH
- lch(92.46 5.38 88.8)
- CMYK
- cmyk(0% 2% 6% 7%)
Tints · Shades · Tones
Tints
- EFEBE2
- F1EDE5
- F2F0E9
- F4F2EC
- F6F4EF
- F8F6F2
- FAF8F5
- FBFBF9
- FDFDFC
Shades
- CECBC2
- B0ADA5
- 93908A
- 77746F
- 5C5A56
- 42413D
- 2A2927
- 141312
- 030302
Tones
- E2DED5
- D6D3CB
- CBC8C2
- C0BEB8
- B5B3AE
- AAA9A5
- 9F9E9B
- 959492
- 8A8A89
Color harmonies
Complementary +180°
- EDE9DF
Taj Mahal
- E5E9F3
≈ Whisper Blue
Analogous -30° +30°
- EDE9DF
Taj Mahal
- F1E7E0
≈ Siesta Sands
- E8EBE0
≈ Winter Glaze
Triadic +120° +240°
- EDE9DF
Taj Mahal
- DFECEE
≈ Winter’s Breath
- EFE6EE
≈ In the Spotlight
Split-complementary +150° +210°
- EDE9DF
Taj Mahal
- E1EBF2
≈ Out Cold
- EAE7F2
≈ Tranquil Eve
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.21:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.32:1 · APCA Lc 94
Best text color: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--taj-mahal: #ede9df;
--taj-mahal-rgb: 237 233 223;
--taj-mahal-oklch: oklch(0.934 0.014 88.7);
}
.element {
color: var(--taj-mahal);
background-color: hsl(43 28% 90%);
border-color: oklch(0.934 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-taj-mahal: #ede9df;
--color-taj-mahal-50: #f6f5f1;
--color-taj-mahal-100: #e9e8e3;
--color-taj-mahal-200: #d6d4ce;
--color-taj-mahal-300: #bab7af;
--color-taj-mahal-400: #a29e95;
--color-taj-mahal-500: #8a867c;
--color-taj-mahal-600: #757169;
--color-taj-mahal-700: #5d5b54;
--color-taj-mahal-800: #44423d;
--color-taj-mahal-900: #2f2e2a;
--color-taj-mahal-950: #1c1a17;
}SCSS
$taj-mahal: #ede9df;
$taj-mahal-rgb: 237, 233, 223;
$taj-mahal-light: mix(#fff, $taj-mahal, 20%);
$taj-mahal-dark: mix(#000, $taj-mahal, 20%);
.element {
color: $taj-mahal;
box-shadow: 0 0 0 2px rgba($taj-mahal, 0.35);
}