命名颜色 · #E7DBCA
Cascade Beige
Cascade Beige 即 #E7DBCA：rgb(231 219 202)、hsl(35 38% 85%)、oklch(0.896 0.026 76.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Cascade Beige color name →
#E7DBCA
oklch(0.896 0.026 76.8)
颜色转换
- HEX
- #e7dbca
- RGB
- rgb(231 219 202)
- HSL
- hsl(35 38% 85%)
- HWB
- hwb(35 79% 9%)
- OKLCH
- oklch(0.896 0.026 76.8)
- OKLab
- oklab(0.896 0.006 0.026)
- CIE Lab
- lab(88.04 2.17 9.94)
- LCH
- lch(88.04 10.18 77.7)
- CMYK
- cmyk(0% 5% 13% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9DFCF
- ECE2D5
- EEE6DA
- F1E9DF
- F3EDE4
- F5F1EA
- F8F4EF
- FAF8F4
- FDFBFA
深色调
- C9BEAF
- ABA295
- 8F877C
- 736D64
- 59544D
- 403C37
- 282622
- 13110F
- 030202
灰色调
- DCD2C2
- D2C8BB
- C7BFB3
- BDB6AC
- B2ACA4
- A8A39D
- 9E9A96
- 94918E
- 8A8987
配色和谐
互补色 +180°
- E7DBCA
Cascade Beige
- D2DEEF
≈ Puffy Cloud
类似色 -30° +30°
- E7DBCA
Cascade Beige
- EDD8CE
≈ Winter Peach
- DEDECB
≈ Washed Sage
三角配色 +120° +240°
- E7DBCA
Cascade Beige
- CAE3E3
≈ Lens Flare Blue
- E4D8E9
≈ Pale Grey Magenta
分裂互补色 +150° +210°
- E7DBCA
Cascade Beige
- CCE1EB
≈ Dwindling Denim
- DBDBEE
≈ Chinese Silver
四角配色 +90° +180° +270°
- E7DBCA
Cascade Beige
- CDE3D9
≈ Light Silverton
- D2DEEF
≈ Puffy Cloud
- EBD6E0
≈ Lighthearted Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.38:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--cascade-beige: #e7dbca;
--cascade-beige-rgb: 231 219 202;
--cascade-beige-oklch: oklch(0.896 0.026 76.8);
}
.element {
color: var(--cascade-beige);
background-color: hsl(35 38% 85%);
border-color: oklch(0.896 0.026 76.8);
}Tailwind CSS v4
@theme {
--color-cascade-beige: #e7dbca;
--color-cascade-beige-50: #f9f4ed;
--color-cascade-beige-100: #ede7de;
--color-cascade-beige-200: #dad3c8;
--color-cascade-beige-300: #bfb6a9;
--color-cascade-beige-400: #a79d8e;
--color-cascade-beige-500: #908473;
--color-cascade-beige-600: #7a7062;
--color-cascade-beige-700: #62594e;
--color-cascade-beige-800: #484138;
--color-cascade-beige-900: #322d27;
--color-cascade-beige-950: #1e1a15;
}SCSS
$cascade-beige: #e7dbca;
$cascade-beige-rgb: 231, 219, 202;
$cascade-beige-light: mix(#fff, $cascade-beige, 20%);
$cascade-beige-dark: mix(#000, $cascade-beige, 20%);
.element {
color: $cascade-beige;
box-shadow: 0 0 0 2px rgba($cascade-beige, 0.35);
}