Cor nomeada · #D8DBD7
Evening White
Evening White é #D8DBD7: rgb(216 219 215), hsl(105 5% 85%), oklch(0.888 0.006 137.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Evening White color name →
#D8DBD7
oklch(0.888 0.006 137.8)
Conversões de cor
- HEX
- #d8dbd7
- RGB
- rgb(216 219 215)
- HSL
- hsl(105 5% 85%)
- HWB
- hwb(105 84% 14%)
- OKLCH
- oklch(0.888 0.006 137.8)
- OKLab
- oklab(0.888 -0.005 0.004)
- CIE Lab
- lab(87.09 -1.59 1.6)
- LCH
- lch(87.09 2.25 134.9)
- CMYK
- cmyk(1% 0% 2% 14%)
Tons claros · Sombras · Tons
Tons claros
- DCDFDB
- E0E2DF
- E4E6E3
- E7E9E7
- EBEDEB
- EFF0EF
- F3F4F3
- F7F8F7
- FBFBFB
Sombras
- BCBEBB
- A0A29F
- 858785
- 6B6D6B
- 535452
- 3B3C3B
- 252625
- 111111
- 020202
Tons
- CFD2CE
- C6C8C5
- BDBFBC
- B4B6B3
- ABACAA
- A2A3A2
- 999A99
- 919191
- 888988
Harmonias de cor
Complementar +180°
- D8DBD7
Evening White
- DCD9DD
≈ Salt-N-Pepa
Análoga -30° +30°
- D8DBD7
Evening White
- DADAD6
≈ Winter Morn
- D6DBD9
≈ Thin Cloud
Tríade +120° +240°
- D8DBD7
Evening White
- D7DADE
≈ Shy Denim
- DED8D8
≈ Cautious Grey
Complementar dividida +150° +210°
- D8DBD7
Evening White
- DAD9DE
≈ Petal Tip
- DDD8DB
≈ Pebble Beach
Tétrade +90° +180° +270°
- D8DBD7
Evening White
- D6DBDD
≈ Shy Denim
- DCD9DD
≈ Salt-N-Pepa
- DED9D6
≈ Country Breeze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.03:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--evening-white: #d8dbd7;
--evening-white-rgb: 216 219 215;
--evening-white-oklch: oklch(0.888 0.006 137.8);
}
.element {
color: var(--evening-white);
background-color: hsl(105 5% 85%);
border-color: oklch(0.888 0.006 137.8);
}Tailwind CSS v4
@theme {
--color-evening-white: #d8dbd7;
--color-evening-white-50: #f4f5f4;
--color-evening-white-100: #e7e8e6;
--color-evening-white-200: #d3d5d2;
--color-evening-white-300: #b6b8b5;
--color-evening-white-400: #9d9f9c;
--color-evening-white-500: #848783;
--color-evening-white-600: #70726f;
--color-evening-white-700: #595b59;
--color-evening-white-800: #414341;
--color-evening-white-900: #2d2e2d;
--color-evening-white-950: #1a1b1a;
}SCSS
$evening-white: #d8dbd7;
$evening-white-rgb: 216, 219, 215;
$evening-white-light: mix(#fff, $evening-white, 20%);
$evening-white-dark: mix(#000, $evening-white, 20%);
.element {
color: $evening-white;
box-shadow: 0 0 0 2px rgba($evening-white, 0.35);
}