Cor nomeada · #E7DBCA
Cascade Beige
Cascade Beige é #E7DBCA: rgb(231 219 202), hsl(35 38% 85%), oklch(0.896 0.026 76.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cascade Beige color name →
#E7DBCA
oklch(0.896 0.026 76.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E9DFCF
- ECE2D5
- EEE6DA
- F1E9DF
- F3EDE4
- F5F1EA
- F8F4EF
- FAF8F4
- FDFBFA
Sombras
- C9BEAF
- ABA295
- 8F877C
- 736D64
- 59544D
- 403C37
- 282622
- 13110F
- 030202
Tons
- DCD2C2
- D2C8BB
- C7BFB3
- BDB6AC
- B2ACA4
- A8A39D
- 9E9A96
- 94918E
- 8A8987
Harmonias de cor
Complementar +180°
- E7DBCA
Cascade Beige
- D2DEEF
≈ Puffy Cloud
Análoga -30° +30°
- E7DBCA
Cascade Beige
- EDD8CE
≈ Winter Peach
- DEDECB
≈ Washed Sage
Tríade +120° +240°
- E7DBCA
Cascade Beige
- CAE3E3
≈ Lens Flare Blue
- E4D8E9
≈ Pale Grey Magenta
Complementar dividida +150° +210°
- E7DBCA
Cascade Beige
- CCE1EB
≈ Dwindling Denim
- DBDBEE
≈ Chinese Silver
Tétrade +90° +180° +270°
- E7DBCA
Cascade Beige
- CDE3D9
≈ Light Silverton
- D2DEEF
≈ Puffy Cloud
- EBD6E0
≈ Lighthearted Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.38:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
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);
}