最接近的命名颜色 · #E9E7E2
#E9E7E2
最接近的命名颜色: Blanco
#E9E7E2（rgb(233 231 226)、hsl(43 14% 90%)、oklch(0.928 0.007 88.6)）最接近命名颜色 Blanco。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E9E7E2
oklch(0.928 0.007 88.6)
颜色转换
- HEX
- #e9e7e2
- RGB
- rgb(233 231 226)
- HSL
- hsl(43 14% 90%)
- HWB
- hwb(43 89% 9%)
- OKLCH
- oklch(0.928 0.007 88.6)
- OKLab
- oklab(0.928 0 0.007)
- CIE Lab
- lab(91.7 0.04 2.69)
- LCH
- lch(91.7 2.69 89)
- CMYK
- cmyk(0% 1% 3% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EBE9E5
- EDECE8
- F0EEEB
- F2F1EE
- F4F3F0
- F6F5F3
- F8F8F6
- FBFAF9
- FDFDFC
深色调
- CBC9C4
- ADABA8
- 908F8C
- 747371
- 5A5957
- 41403E
- 292827
- 131312
- 030303
灰色调
- DEDCD8
- D3D2CE
- C8C7C4
- BEBCBA
- B3B2B0
- A9A8A6
- 9E9E9C
- 949493
- 8A8A89
配色和谐
互补色 +180°
- E9E7E2
Blanco
- E5E7EC
≈ Purple Crystal
类似色 -30° +30°
- E9E7E2
Blanco
- EBE6E3
≈ Soft Violet
- E7E8E3
≈ Silver White
三角配色 +120° +240°
- E9E7E2
Blanco
- E2E9EA
≈ Evening Mist
- EAE6EA
≈ Pixie Wing
分裂互补色 +150° +210°
- E9E7E2
Blanco
- E3E8EB
≈ Winter Day
- E8E6EB
≈ Pixie Wing
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黑底
WCAG 16.99:1 · APCA Lc 92
最佳文字颜色: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--blanco: #e9e7e2;
--blanco-rgb: 233 231 226;
--blanco-oklch: oklch(0.928 0.007 88.6);
}
.element {
color: var(--blanco);
background-color: hsl(43 14% 90%);
border-color: oklch(0.928 0.007 88.6);
}Tailwind CSS v4
@theme {
--color-blanco: #e9e7e2;
--color-blanco-50: #f6f5f3;
--color-blanco-100: #e9e8e5;
--color-blanco-200: #d5d4d1;
--color-blanco-300: #b9b7b3;
--color-blanco-400: #a09e9a;
--color-blanco-500: #888681;
--color-blanco-600: #73716d;
--color-blanco-700: #5c5b57;
--color-blanco-800: #434240;
--color-blanco-900: #2e2e2c;
--color-blanco-950: #1b1a19;
}SCSS
$blanco: #e9e7e2;
$blanco-rgb: 233, 231, 226;
$blanco-light: mix(#fff, $blanco, 20%);
$blanco-dark: mix(#000, $blanco, 20%);
.element {
color: $blanco;
box-shadow: 0 0 0 2px rgba($blanco, 0.35);
}