Colore con nome · #E0E0D9
Reserved White
Reserved White è #E0E0D9: rgb(224 224 217), hsl(60 10% 86%), oklch(0.905 0.009 106.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Reserved White color name →
#E0E0D9
oklch(0.905 0.009 106.6)
Conversioni di colore
- HEX
- #e0e0d9
- RGB
- rgb(224 224 217)
- HSL
- hsl(60 10% 86%)
- HWB
- hwb(60 85% 12%)
- OKLCH
- oklch(0.905 0.009 106.6)
- OKLab
- oklab(0.905 -0.003 0.009)
- CIE Lab
- lab(89.03 -0.92 3.44)
- LCH
- lch(89.03 3.56 105)
- CMYK
- cmyk(0% 0% 3% 12%)
Tinte · Ombre · Toni
Tinte
- E3E3DD
- E6E6E1
- E9E9E4
- ECECE8
- EFEFEC
- F3F3F0
- F6F6F3
- F9F9F7
- FCFCFB
Ombre
- C3C3BC
- A6A6A1
- 8A8A86
- 70706C
- 565653
- 3E3E3B
- 272725
- 121211
- 020202
Toni
- D6D6D0
- CCCCC7
- C2C2BD
- B8B8B4
- AFAFAB
- A5A5A3
- 9C9C9A
- 929291
- 898989
Armonie di colore
Complementare +180°
- E0E0D9
Reserved White
- DFDFE6
≈ Festive Ferret
Analogo -30° +30°
- E0E0D9
Reserved White
- E3DFD9
≈ Vista White
- DDE1DB
≈ Tinsmith
Triadico +120° +240°
- E0E0D9
Reserved White
- D9E1E4
≈ Tahoe Snow
- E5DDE1
≈ Rusty Pebble
Complementare divisa +150° +210°
- E0E0D9
Reserved White
- DCE0E6
≈ Terminator Chrome
- E2DEE4
≈ Frozen Statues
Tetradico +90° +180° +270°
- E0E0D9
Reserved White
- D9E2E1
≈ Divine Inspiration
- DFDFE6
≈ Festive Ferret
- E6DDDD
≈ Coquette
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.83:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.83:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--reserved-white: #e0e0d9;
--reserved-white-rgb: 224 224 217;
--reserved-white-oklch: oklch(0.905 0.009 106.6);
}
.element {
color: var(--reserved-white);
background-color: hsl(60 10% 86%);
border-color: oklch(0.905 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-reserved-white: #e0e0d9;
--color-reserved-white-50: #f5f5f2;
--color-reserved-white-100: #e8e8e5;
--color-reserved-white-200: #d4d4d0;
--color-reserved-white-300: #b7b8b2;
--color-reserved-white-400: #9f9f99;
--color-reserved-white-500: #878780;
--color-reserved-white-600: #72726c;
--color-reserved-white-700: #5b5b56;
--color-reserved-white-800: #43433f;
--color-reserved-white-900: #2e2e2b;
--color-reserved-white-950: #1b1b19;
}SCSS
$reserved-white: #e0e0d9;
$reserved-white-rgb: 224, 224, 217;
$reserved-white-light: mix(#fff, $reserved-white, 20%);
$reserved-white-dark: mix(#000, $reserved-white, 20%);
.element {
color: $reserved-white;
box-shadow: 0 0 0 2px rgba($reserved-white, 0.35);
}