最接近的命名颜色 · #EEE1D5
#EEE1D5
最接近的命名颜色: Delicate Bliss
#EEE1D5（rgb(238 225 213)、hsl(29 42% 88%)、oklch(0.917 0.022 65.3)）最接近命名颜色 Delicate Bliss。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EEE1D5
oklch(0.917 0.022 65.3)
颜色转换
- HEX
- #eee1d5
- RGB
- rgb(238 225 213)
- HSL
- hsl(29 42% 88%)
- HWB
- hwb(29 84% 7%)
- OKLCH
- oklch(0.917 0.022 65.3)
- OKLab
- oklab(0.917 0.009 0.02)
- CIE Lab
- lab(90.34 3.1 7.56)
- LCH
- lch(90.34 8.18 67.7)
- CMYK
- cmyk(0% 5% 11% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F0E4D9
- F1E7DD
- F3EAE2
- F5EDE6
- F7F0EA
- F8F3EE
- FAF6F2
- FCF9F7
- FDFCFB
深色调
- CFC4B9
- B1A79E
- 938B83
- 77706A
- 5C5651
- 423E3A
- 2A2724
- 141210
- 030202
灰色调
- E2D7CC
- D7CDC3
- CCC3BB
- C1B9B2
- B5AFAA
- ABA6A1
- A09C99
- 959390
- 8A8988
配色和谐
互补色 +180°
- EEE1D5
Delicate Bliss
- D8E5F1
≈ Snowdrift Glow
类似色 -30° +30°
- EEE1D5
Delicate Bliss
- F1DFDA
≈ Fallen Petals
- E8E4D4
≈ Ash White
三角配色 +120° +240°
- EEE1D5
Delicate Bliss
- D5E8E5
≈ Whispery Breeze
- E7E0EF
≈ Romantic Cruise
分裂互补色 +150° +210°
- EEE1D5
Delicate Bliss
- D4E8ED
≈ Coastal Mist
- DFE3F2
≈ Iris Ice
四角配色 +90° +180° +270°
- EEE1D5
Delicate Bliss
- D9E8DD
≈ Tint of Green
- D8E5F1
≈ Snowdrift Glow
- EDDEE9
≈ Angora Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.36:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--delicate-bliss: #eee1d5;
--delicate-bliss-rgb: 238 225 213;
--delicate-bliss-oklch: oklch(0.917 0.022 65.3);
}
.element {
color: var(--delicate-bliss);
background-color: hsl(29 42% 88%);
border-color: oklch(0.917 0.022 65.3);
}Tailwind CSS v4
@theme {
--color-delicate-bliss: #eee1d5;
--color-delicate-bliss-50: #f9f4ef;
--color-delicate-bliss-100: #ede7e0;
--color-delicate-bliss-200: #dbd3cb;
--color-delicate-bliss-300: #bfb6ac;
--color-delicate-bliss-400: #a89c91;
--color-delicate-bliss-500: #918478;
--color-delicate-bliss-600: #7a6f65;
--color-delicate-bliss-700: #625951;
--color-delicate-bliss-800: #48413b;
--color-delicate-bliss-900: #322d28;
--color-delicate-bliss-950: #1e1a16;
}SCSS
$delicate-bliss: #eee1d5;
$delicate-bliss-rgb: 238, 225, 213;
$delicate-bliss-light: mix(#fff, $delicate-bliss, 20%);
$delicate-bliss-dark: mix(#000, $delicate-bliss, 20%);
.element {
color: $delicate-bliss;
box-shadow: 0 0 0 2px rgba($delicate-bliss, 0.35);
}