Color con nombre · #E4E2DC
Wan White
Wan White es #E4E2DC: rgb(228 226 220), hsl(45 13% 88%), oklch(0.913 0.008 91.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Wan White color name →
#E4E2DC
oklch(0.913 0.008 91.5)
Conversiones de color
- HEX
- #e4e2dc
- RGB
- rgb(228 226 220)
- HSL
- hsl(45 13% 88%)
- HWB
- hwb(45 86% 11%)
- OKLCH
- oklch(0.913 0.008 91.5)
- OKLab
- oklab(0.913 0 0.008)
- CIE Lab
- lab(89.92 -0.08 3.19)
- LCH
- lch(89.92 3.19 91.5)
- CMYK
- cmyk(0% 1% 4% 11%)
Tintes · Sombras · Tonos
Tintes
- E7E5DF
- E9E8E3
- ECEBE6
- EFEEEA
- F1F0ED
- F4F3F1
- F7F6F4
- FAF9F8
- FCFCFB
Sombras
- C6C4BF
- A9A8A3
- 8D8C88
- 72716E
- 585754
- 3F3E3C
- 282726
- 121211
- 030302
Tonos
- DAD8D2
- CFCEC9
- C5C4BF
- BBBAB6
- B1B0AD
- A7A6A4
- 9D9C9B
- 939392
- 8A8989
Armonías de color
Complementario +180°
- E4E2DC
Wan White
- E0E2E8
≈ White Iris
Análogo -30° +30°
- E4E2DC
Wan White
- E6E1DD
≈ Storksbill
- E1E3DD
≈ Barely White
Triádico +120° +240°
- E4E2DC
Wan White
- DCE4E5
≈ Alpine Blue
- E6E0E5
≈ Budapest Pastel
Complementario dividido +150° +210°
- E4E2DC
Wan White
- DDE3E7
≈ Wind Blown
- E3E1E7
≈ Budapest Pastel
Tetrádico +90° +180° +270°
- E4E2DC
Wan White
- DCE4E2
≈ Dewdrop
- E0E2E8
≈ White Iris
- E7E0E2
≈ Pearl Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.21:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--wan-white: #e4e2dc;
--wan-white-rgb: 228 226 220;
--wan-white-oklch: oklch(0.913 0.008 91.5);
}
.element {
color: var(--wan-white);
background-color: hsl(45 13% 88%);
border-color: oklch(0.913 0.008 91.5);
}Tailwind CSS v4
@theme {
--color-wan-white: #e4e2dc;
--color-wan-white-50: #f6f5f2;
--color-wan-white-100: #e9e8e5;
--color-wan-white-200: #d5d4d0;
--color-wan-white-300: #b9b7b3;
--color-wan-white-400: #a09e99;
--color-wan-white-500: #888680;
--color-wan-white-600: #73716c;
--color-wan-white-700: #5c5b57;
--color-wan-white-800: #43423f;
--color-wan-white-900: #2f2e2b;
--color-wan-white-950: #1b1a19;
}SCSS
$wan-white: #e4e2dc;
$wan-white-rgb: 228, 226, 220;
$wan-white-light: mix(#fff, $wan-white, 20%);
$wan-white-dark: mix(#000, $wan-white, 20%);
.element {
color: $wan-white;
box-shadow: 0 0 0 2px rgba($wan-white, 0.35);
}