Adlandırılmış renk · #EEDCD1
Palatial
Palatial, #EEDCD1: rgb(238 220 209), hsl(23 46% 88%), oklch(0.906 0.025 53.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Palatial color name →
#EEDCD1
oklch(0.906 0.025 53.7)
Renk dönüşümleri
- HEX
- #eedcd1
- RGB
- rgb(238 220 209)
- HSL
- hsl(23 46% 88%)
- HWB
- hwb(23 82% 7%)
- OKLCH
- oklch(0.906 0.025 53.7)
- OKLab
- oklab(0.906 0.015 0.02)
- CIE Lab
- lab(89.01 5.06 7.77)
- LCH
- lch(89.01 9.27 56.9)
- CMYK
- cmyk(0% 8% 12% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0DFD6
- F1E3DA
- F3E6DF
- F5EAE3
- F7EDE8
- F8F1EC
- FAF4F1
- FCF8F6
- FDFBFA
Koyu tonlar
- CFBFB5
- B1A39B
- 938881
- 776E68
- 5C5450
- 423C39
- 2A2623
- 141110
- 030202
Gri tonlar
- E2D2C9
- D7C9C0
- CCBFB8
- C1B6B0
- B6ADA8
- ABA4A0
- A09B98
- 959290
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- EEDCD1
Palatial
- D1E3EE
≈ Soft Cloud
Analog -30° +30°
- EEDCD1
Palatial
- F0DAD8
≈ Light Apricot
- E8DFCE
≈ Spellbound
Üçlü +120° +240°
- EEDCD1
Palatial
- D0E6DE
≈ Ice Dagger
- E0DDEF
≈ Artemis Silver
Bölünmüş tamamlayıcı +150° +210°
- EEDCD1
Palatial
- CEE5E7
≈ Ventilated
- D8E0F1
≈ Aquarelle Purple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.79:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--palatial: #eedcd1;
--palatial-rgb: 238 220 209;
--palatial-oklch: oklch(0.906 0.025 53.7);
}
.element {
color: var(--palatial);
background-color: hsl(23 46% 88%);
border-color: oklch(0.906 0.025 53.7);
}Tailwind CSS v4
@theme {
--color-palatial: #eedcd1;
--color-palatial-50: #fbf3ee;
--color-palatial-100: #efe6e0;
--color-palatial-200: #ddd2ca;
--color-palatial-300: #c2b4ac;
--color-palatial-400: #ab9b91;
--color-palatial-500: #948277;
--color-palatial-600: #7d6e65;
--color-palatial-700: #645851;
--color-palatial-800: #4a403b;
--color-palatial-900: #332c28;
--color-palatial-950: #1f1916;
}SCSS
$palatial: #eedcd1;
$palatial-rgb: 238, 220, 209;
$palatial-light: mix(#fff, $palatial, 20%);
$palatial-dark: mix(#000, $palatial, 20%);
.element {
color: $palatial;
box-shadow: 0 0 0 2px rgba($palatial, 0.35);
}