命名颜色 · #EBE2CF
Muscat Blanc
Muscat Blanc 即 #EBE2CF：rgb(235 226 207)、hsl(41 41% 87%)、oklch(0.915 0.027 85.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Muscat Blanc color name →
#EBE2CF
oklch(0.915 0.027 85.7)
颜色转换
- HEX
- #ebe2cf
- RGB
- rgb(235 226 207)
- HSL
- hsl(41 41% 87%)
- HWB
- hwb(41 81% 8%)
- OKLCH
- oklch(0.915 0.027 85.7)
- OKLab
- oklab(0.915 0.002 0.027)
- CIE Lab
- lab(90.22 0.82 10.47)
- LCH
- lch(90.22 10.51 85.5)
- CMYK
- cmyk(0% 4% 12% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDE5D4
- EFE8D9
- F1EBDD
- F3EEE2
- F5F0E7
- F7F3EC
- F9F6F1
- FBF9F5
- FDFCFA
深色调
- CCC4B4
- AEA899
- 918C7F
- 757167
- 5B574F
- 413E38
- 292723
- 131210
- 030302
灰色调
- E0D8C7
- D5CEBF
- CAC4B7
- BFBAAF
- B4B0A7
- A9A69F
- 9F9C97
- 94938F
- 8A8988
配色和谐
互补色 +180°
- EBE2CF
Muscat Blanc
- DAE3F6
≈ Aquarelle Purple
类似色 -30° +30°
- EBE2CF
Muscat Blanc
- F2DFD2
≈ Pink Scallop
- E2E5D1
≈ Bleached Jade
三角配色 +120° +240°
- EBE2CF
Muscat Blanc
- CFE8EC
≈ Coastal Mist
- EDDDED
≈ Divine Dove
分裂互补色 +150° +210°
- EBE2CF
Muscat Blanc
- D3E6F3
≈ New Heights
- E4E0F4
≈ Lingering Lilac
四角配色 +90° +180° +270°
- EBE2CF
Muscat Blanc
- D1E9E2
≈ Aqua Glass
- DAE3F6
≈ Aquarelle Purple
- F3DCE3
≈ Lavender Moon
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.31:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--muscat-blanc: #ebe2cf;
--muscat-blanc-rgb: 235 226 207;
--muscat-blanc-oklch: oklch(0.915 0.027 85.7);
}
.element {
color: var(--muscat-blanc);
background-color: hsl(41 41% 87%);
border-color: oklch(0.915 0.027 85.7);
}Tailwind CSS v4
@theme {
--color-muscat-blanc: #ebe2cf;
--color-muscat-blanc-50: #f8f5ed;
--color-muscat-blanc-100: #ece7de;
--color-muscat-blanc-200: #d9d4c7;
--color-muscat-blanc-300: #bdb7a8;
--color-muscat-blanc-400: #a69e8d;
--color-muscat-blanc-500: #8e8572;
--color-muscat-blanc-600: #787161;
--color-muscat-blanc-700: #605a4d;
--color-muscat-blanc-800: #474238;
--color-muscat-blanc-900: #312d26;
--color-muscat-blanc-950: #1d1a15;
}SCSS
$muscat-blanc: #ebe2cf;
$muscat-blanc-rgb: 235, 226, 207;
$muscat-blanc-light: mix(#fff, $muscat-blanc, 20%);
$muscat-blanc-dark: mix(#000, $muscat-blanc, 20%);
.element {
color: $muscat-blanc;
box-shadow: 0 0 0 2px rgba($muscat-blanc, 0.35);
}