最接近的命名颜色 · #EEE7F7
#EEE7F7
最接近的命名颜色: Perfume Haze
#EEE7F7（rgb(238 231 247)、hsl(266 50% 94%)、oklch(0.938 0.023 305.6)）最接近命名颜色 Perfume Haze。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EEE7F7
oklch(0.938 0.023 305.6)
颜色转换
- HEX
- #eee7f7
- RGB
- rgb(238 231 247)
- HSL
- hsl(266 50% 94%)
- HWB
- hwb(266 91% 3%)
- OKLCH
- oklch(0.938 0.023 305.6)
- OKLab
- oklab(0.938 0.013 -0.018)
- CIE Lab
- lab(92.55 4.59 -6.9)
- LCH
- lch(92.55 8.28 303.6)
- CMYK
- cmyk(4% 6% 0% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- F0E9F8
- F1ECF9
- F3EEF9
- F5F1FA
- F6F3FB
- F8F5FC
- FAF8FD
- FCFAFD
- FDFDFE
深色调
- CFC9D7
- B1ABB7
- 938F99
- 77737C
- 5C5960
- 424045
- 2A282C
- 141315
- 030303
灰色调
- E2DCEA
- D7D2DE
- CCC7D2
- C1BCC6
- B5B2BA
- AAA8AE
- A09EA2
- 959497
- 8A8A8B
配色和谐
互补色 +180°
- EEE7F7
Perfume Haze
- E7EEDD
≈ Chrome Green
类似色 -30° +30°
- EEE7F7
Perfume Haze
- E6EAFA
≈ Icy Lilac
- F5E5F0
≈ Petal Poise
三角配色 +120° +240°
- EEE7F7
Perfume Haze
- F6E8DB
≈ Silk Elegance
- DBF0ED
≈ Soar
分裂互补色 +150° +210°
- EEE7F7
Perfume Haze
- EFEBDA
≈ Frank Lloyd White
- DFEFE4
≈ Lower Green
四角配色 +90° +180° +270°
- EEE7F7
Perfume Haze
- F9E6E0
≈ Bridesmaid
- E7EEDD
≈ Chrome Green
- DBEFF4
≈ Let It Snow
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.40:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--perfume-haze: #eee7f7;
--perfume-haze-rgb: 238 231 247;
--perfume-haze-oklch: oklch(0.938 0.023 305.6);
}
.element {
color: var(--perfume-haze);
background-color: hsl(266 50% 94%);
border-color: oklch(0.938 0.023 305.6);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #eee7f7;
--color-perfume-haze-50: #f7f3fa;
--color-perfume-haze-100: #eae6ee;
--color-perfume-haze-200: #d7d2dc;
--color-perfume-haze-300: #bab5c1;
--color-perfume-haze-400: #a19ba9;
--color-perfume-haze-500: #8a8392;
--color-perfume-haze-600: #746f7c;
--color-perfume-haze-700: #5d5863;
--color-perfume-haze-800: #444149;
--color-perfume-haze-900: #2f2c33;
--color-perfume-haze-950: #1b1a1e;
}SCSS
$perfume-haze: #eee7f7;
$perfume-haze-rgb: 238, 231, 247;
$perfume-haze-light: mix(#fff, $perfume-haze, 20%);
$perfume-haze-dark: mix(#000, $perfume-haze, 20%);
.element {
color: $perfume-haze;
box-shadow: 0 0 0 2px rgba($perfume-haze, 0.35);
}