最接近的命名颜色 · #EBE2D9
#EBE2D9
最接近的命名颜色: Gardenia
#EBE2D9（rgb(235 226 217)、hsl(30 31% 89%)、oklch(0.917 0.016 67.6)）最接近命名颜色 Gardenia。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EBE2D9
oklch(0.917 0.016 67.6)
颜色转换
- HEX
- #ebe2d9
- RGB
- rgb(235 226 217)
- HSL
- hsl(30 31% 89%)
- HWB
- hwb(30 85% 8%)
- OKLCH
- oklch(0.917 0.016 67.6)
- OKLab
- oklab(0.917 0.006 0.014)
- CIE Lab
- lab(90.42 2.03 5.56)
- LCH
- lch(90.42 5.92 70)
- CMYK
- cmyk(0% 4% 8% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDE5DD
- EFE8E1
- F1EBE4
- F3EEE8
- F5F0EC
- F7F3F0
- F9F6F4
- FBF9F7
- FDFCFB
深色调
- CCC4BC
- AEA8A1
- 918C86
- 75716C
- 5B5753
- 413E3B
- 292725
- 131211
- 030302
灰色调
- E0D8D0
- D5CEC7
- CAC4BD
- BFBAB4
- B4B0AB
- A9A6A3
- 9F9C9A
- 949391
- 8A8989
配色和谐
互补色 +180°
- EBE2D9
Gardenia
- DCE5EE
≈ Mystic Light
类似色 -30° +30°
- EBE2D9
Gardenia
- EEE0DC
≈ Powder Room
- E6E4D8
≈ Narcomedusae
三角配色 +120° +240°
- EBE2D9
Gardenia
- D9E7E5
≈ Tulle Soft Blue
- E6E1EC
≈ Homoeopathic Lavender
分裂互补色 +150° +210°
- EBE2D9
Gardenia
- D9E6EB
≈ Arctic Blizzard
- E1E3EE
≈ Iris Ice
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.41:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--gardenia: #ebe2d9;
--gardenia-rgb: 235 226 217;
--gardenia-oklch: oklch(0.917 0.016 67.6);
}
.element {
color: var(--gardenia);
background-color: hsl(30 31% 89%);
border-color: oklch(0.917 0.016 67.6);
}Tailwind CSS v4
@theme {
--color-gardenia: #ebe2d9;
--color-gardenia-50: #f8f4f0;
--color-gardenia-100: #ebe7e2;
--color-gardenia-200: #d9d3cd;
--color-gardenia-300: #bdb6af;
--color-gardenia-400: #a59d95;
--color-gardenia-500: #8d847b;
--color-gardenia-600: #787069;
--color-gardenia-700: #605a54;
--color-gardenia-800: #46413d;
--color-gardenia-900: #312d2a;
--color-gardenia-950: #1d1a17;
}SCSS
$gardenia: #ebe2d9;
$gardenia-rgb: 235, 226, 217;
$gardenia-light: mix(#fff, $gardenia, 20%);
$gardenia-dark: mix(#000, $gardenia, 20%);
.element {
color: $gardenia;
box-shadow: 0 0 0 2px rgba($gardenia, 0.35);
}