Cor nomeada · #E2DACA
Neutral Ground
Neutral Ground é #E2DACA: rgb(226 218 202), hsl(40 29% 84%), oklch(0.89 0.023 84.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Neutral Ground color name →
#E2DACA
oklch(0.89 0.023 84.6)
Conversões de cor
- HEX
- #e2daca
- RGB
- rgb(226 218 202)
- HSL
- hsl(40 29% 84%)
- HWB
- hwb(40 79% 11%)
- OKLCH
- oklch(0.89 0.023 84.6)
- OKLab
- oklab(0.89 0.002 0.023)
- CIE Lab
- lab(87.37 0.83 8.93)
- LCH
- lch(87.37 8.97 84.7)
- CMYK
- cmyk(0% 4% 11% 11%)
Tons claros · Sombras · Tons
Tons claros
- E5DECF
- E8E1D4
- EBE5DA
- EEE9DF
- F0ECE4
- F3F0EA
- F6F4EF
- F9F8F4
- FCFBFA
Sombras
- C4BDAF
- A8A295
- 8C877C
- 716C64
- 57544D
- 3E3C37
- 272522
- 12110F
- 030202
Tons
- D8D1C2
- CEC7BB
- C4BEB3
- BAB5AC
- B0ACA4
- A6A39D
- 9C9A96
- 93918E
- 898987
Harmonias de cor
Complementar +180°
- E2DACA
Neutral Ground
- D3DBEB
≈ Snowy Shadow
Análoga -30° +30°
- E2DACA
Neutral Ground
- E8D7CD
≈ Dance of the Goddesses
- DADDCC
≈ Smell of Garlic
Tríade +120° +240°
- E2DACA
Neutral Ground
- CAE0E2
≈ Melting Point
- E3D6E4
≈ Lavender Vista
Complementar dividida +150° +210°
- E2DACA
Neutral Ground
- CDDEE8
≈ Fenrisian Grey
- DBD8E9
≈ Eyeshadow
Tétrade +90° +180° +270°
- E2DACA
Neutral Ground
- CCE0DA
≈ Rio Sky
- D3DBEB
≈ Snowy Shadow
- E8D5DC
≈ Swiss Rose
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.11:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--neutral-ground: #e2daca;
--neutral-ground-rgb: 226 218 202;
--neutral-ground-oklch: oklch(0.89 0.023 84.6);
}
.element {
color: var(--neutral-ground);
background-color: hsl(40 29% 84%);
border-color: oklch(0.89 0.023 84.6);
}Tailwind CSS v4
@theme {
--color-neutral-ground: #e2daca;
--color-neutral-ground-50: #f8f5ee;
--color-neutral-ground-100: #ebe7df;
--color-neutral-ground-200: #d8d4c9;
--color-neutral-ground-300: #bcb7aa;
--color-neutral-ground-400: #a59e8f;
--color-neutral-ground-500: #8d8575;
--color-neutral-ground-600: #787163;
--color-neutral-ground-700: #605a4f;
--color-neutral-ground-800: #464239;
--color-neutral-ground-900: #312d27;
--color-neutral-ground-950: #1d1a15;
}SCSS
$neutral-ground: #e2daca;
$neutral-ground-rgb: 226, 218, 202;
$neutral-ground-light: mix(#fff, $neutral-ground, 20%);
$neutral-ground-dark: mix(#000, $neutral-ground, 20%);
.element {
color: $neutral-ground;
box-shadow: 0 0 0 2px rgba($neutral-ground, 0.35);
}