命名颜色 · #E2DEC8
Light Pistachio Tang
Light Pistachio Tang 即 #E2DEC8：rgb(226 222 200)、hsl(51 31% 84%)、oklch(0.898 0.03 98.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Light Pistachio Tang color name →
#E2DEC8
oklch(0.898 0.03 98.5)
颜色转换
- HEX
- #e2dec8
- RGB
- rgb(226 222 200)
- HSL
- hsl(51 31% 84%)
- HWB
- hwb(51 78% 11%)
- OKLCH
- oklch(0.898 0.03 98.5)
- OKLab
- oklab(0.898 -0.004 0.029)
- CIE Lab
- lab(88.35 -1.34 11.35)
- LCH
- lch(88.35 11.43 96.8)
- CMYK
- cmyk(0% 2% 12% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E5E1CD
- E8E5D3
- EBE8D8
- EEEBDE
- F0EEE3
- F3F2E9
- F6F5EE
- F9F8F4
- FCFCF9
深色调
- C4C1AE
- A8A594
- 8C897B
- 716F63
- 57554C
- 3E3D36
- 272621
- 12120F
- 030202
灰色调
- D8D4C1
- CECAB9
- C4C1B2
- BAB7AB
- B0AEA3
- A6A49C
- 9C9B95
- 93928E
- 898987
配色和谐
互补色 +180°
- E2DEC8
Light Pistachio Tang
- D8DCF1
≈ Chinese Silver
类似色 -30° +30°
- E2DEC8
Light Pistachio Tang
- EBDAC9
≈ Sandpiper
- D7E1CD
≈ Gratifying Green
三角配色 +120° +240°
- E2DEC8
Light Pistachio Tang
- C9E3EB
≈ Azul Cielito Lindo
- EBD6E4
≈ All Made Up
分裂互补色 +150° +210°
- E2DEC8
Light Pistachio Tang
- CFE0F1
≈ Light Breeze
- E3D8ED
≈ Old Chalk
四角配色 +90° +180° +270°
- E2DEC8
Light Pistachio Tang
- C8E4E1
≈ Swan Lake
- D8DCF1
≈ Chinese Silver
- F0D6D9
≈ Pale Rose
对比度与无障碍
Ag
Fail白底
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黑底
WCAG 15.51:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--light-pistachio-tang: #e2dec8;
--light-pistachio-tang-rgb: 226 222 200;
--light-pistachio-tang-oklch: oklch(0.898 0.03 98.5);
}
.element {
color: var(--light-pistachio-tang);
background-color: hsl(51 31% 84%);
border-color: oklch(0.898 0.03 98.5);
}Tailwind CSS v4
@theme {
--color-light-pistachio-tang: #e2dec8;
--color-light-pistachio-tang-50: #f7f5ec;
--color-light-pistachio-tang-100: #eae8dd;
--color-light-pistachio-tang-200: #d7d5c7;
--color-light-pistachio-tang-300: #bab8a7;
--color-light-pistachio-tang-400: #a39f8b;
--color-light-pistachio-tang-500: #8b8770;
--color-light-pistachio-tang-600: #76725f;
--color-light-pistachio-tang-700: #5e5b4c;
--color-light-pistachio-tang-800: #454337;
--color-light-pistachio-tang-900: #302e26;
--color-light-pistachio-tang-950: #1c1b14;
}SCSS
$light-pistachio-tang: #e2dec8;
$light-pistachio-tang-rgb: 226, 222, 200;
$light-pistachio-tang-light: mix(#fff, $light-pistachio-tang, 20%);
$light-pistachio-tang-dark: mix(#000, $light-pistachio-tang, 20%);
.element {
color: $light-pistachio-tang;
box-shadow: 0 0 0 2px rgba($light-pistachio-tang, 0.35);
}