命名颜色 · #EEE9DF
Palladian
Palladian 即 #EEE9DF：rgb(238 233 223)、hsl(40 31% 90%)、oklch(0.935 0.014 84.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Palladian color name →
#EEE9DF
oklch(0.935 0.014 84.6)
颜色转换
- HEX
- #eee9df
- RGB
- rgb(238 233 223)
- HSL
- hsl(40 31% 90%)
- HWB
- hwb(40 87% 7%)
- OKLCH
- oklch(0.935 0.014 84.6)
- OKLab
- oklab(0.935 0.001 0.014)
- CIE Lab
- lab(92.54 0.47 5.5)
- LCH
- lch(92.54 5.52 85.1)
- CMYK
- cmyk(0% 2% 6% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F0EBE2
- F1EDE5
- F3F0E9
- F5F2EC
- F6F4EF
- F8F6F2
- FAF8F5
- FCFBF9
- FDFDFC
深色调
- CFCBC2
- B1ADA5
- 93908A
- 77746F
- 5C5A56
- 42413D
- 2A2927
- 141312
- 030302
灰色调
- E2DED5
- D7D3CB
- CCC8C2
- C1BEB8
- B5B3AE
- AAA9A5
- A09E9B
- 959492
- 8A8A89
配色和谐
互补色 +180°
- EEE9DF
Palladian
- E5EAF4
≈ Whisper Blue
类似色 -30° +30°
- EEE9DF
Palladian
- F2E7E1
≈ Homoeopathic Orange
- E9EBE0
≈ Winter Glaze
三角配色 +120° +240°
- EEE9DF
Palladian
- DFEDEE
≈ Winter’s Breath
- EFE6EF
≈ In the Spotlight
分裂互补色 +150° +210°
- EEE9DF
Palladian
- E1EBF2
≈ Out Cold
- EAE8F3
≈ Tranquil Eve
四角配色 +90° +180° +270°
- EEE9DF
Palladian
- E0EDE9
≈ Second Wind
- E5EAF4
≈ Whisper Blue
- F2E6EA
≈ Amour Frais
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.35:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--palladian: #eee9df;
--palladian-rgb: 238 233 223;
--palladian-oklch: oklch(0.935 0.014 84.6);
}
.element {
color: var(--palladian);
background-color: hsl(40 31% 90%);
border-color: oklch(0.935 0.014 84.6);
}Tailwind CSS v4
@theme {
--color-palladian: #eee9df;
--color-palladian-50: #f7f5f1;
--color-palladian-100: #eae8e3;
--color-palladian-200: #d7d4cd;
--color-palladian-300: #bab7af;
--color-palladian-400: #a29e95;
--color-palladian-500: #8b867c;
--color-palladian-600: #757169;
--color-palladian-700: #5e5a54;
--color-palladian-800: #45423d;
--color-palladian-900: #302e2a;
--color-palladian-950: #1c1a17;
}SCSS
$palladian: #eee9df;
$palladian-rgb: 238, 233, 223;
$palladian-light: mix(#fff, $palladian, 20%);
$palladian-dark: mix(#000, $palladian, 20%);
.element {
color: $palladian;
box-shadow: 0 0 0 2px rgba($palladian, 0.35);
}