لون مسمّى · #EDE9DF
Taj Mahal
Taj Mahal هو #EDE9DF: rgb(237 233 223)، hsl(43 28% 90%)، oklch(0.934 0.014 88.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Taj Mahal color name →
#EDE9DF
oklch(0.934 0.014 88.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFEBE2
- F1EDE5
- F2F0E9
- F4F2EC
- F6F4EF
- F8F6F2
- FAF8F5
- FBFBF9
- FDFDFC
درجات داكنة
- CECBC2
- B0ADA5
- 93908A
- 77746F
- 5C5A56
- 42413D
- 2A2927
- 141312
- 030302
درجات رمادية
- E2DED5
- D6D3CB
- CBC8C2
- C0BEB8
- B5B3AE
- AAA9A5
- 9F9E9B
- 959492
- 8A8A89
تناسق الألوان
متمم +180°
- EDE9DF
Taj Mahal
- E5E9F3
≈ Whisper Blue
متجاور -30° +30°
- EDE9DF
Taj Mahal
- F1E7E0
≈ Siesta Sands
- E8EBE0
≈ Winter Glaze
ثلاثي +120° +240°
- EDE9DF
Taj Mahal
- DFECEE
≈ Winter’s Breath
- EFE6EE
≈ In the Spotlight
متمم منقسم +150° +210°
- EDE9DF
Taj Mahal
- E1EBF2
≈ Out Cold
- EAE7F2
≈ Tranquil Eve
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.21:1 · APCA Lc 10
Ag
AAAعلى الأسود
WCAG 17.32:1 · APCA Lc 94
أفضل لون للنص: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
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);
}