Colore con nome · #E3E2D7
Faded Forest
Faded Forest è #E3E2D7: rgb(227 226 215), hsl(55 18% 87%), oklch(0.911 0.015 102.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Faded Forest color name →
#E3E2D7
oklch(0.911 0.015 102.5)
Conversioni di colore
- HEX
- #e3e2d7
- RGB
- rgb(227 226 215)
- HSL
- hsl(55 18% 87%)
- HWB
- hwb(55 84% 11%)
- OKLCH
- oklch(0.911 0.015 102.5)
- OKLab
- oklab(0.911 -0.003 0.014)
- CIE Lab
- lab(89.73 -1.08 5.52)
- LCH
- lch(89.73 5.63 101)
- CMYK
- cmyk(0% 0% 5% 11%)
Tinte · Ombre · Toni
Tinte
- E6E5DB
- E9E8DF
- EBEBE3
- EEEEE7
- F1F0EB
- F4F3EF
- F7F6F3
- F9F9F7
- FCFCFB
Ombre
- C5C4BB
- A8A89F
- 8C8C85
- 71716B
- 575752
- 3F3E3B
- 272725
- 121211
- 030302
Toni
- D9D8CE
- CECEC5
- C4C4BC
- BABAB3
- B0B0AA
- A6A6A2
- 9D9C99
- 939391
- 898988
Armonie di colore
Complementare +180°
- E3E2D7
Faded Forest
- E0E0EB
≈ Flor Lila
Analogo -30° +30°
- E3E2D7
Faded Forest
- E8E0D7
≈ Stone Harbour
- DEE4DA
≈ Distant Haze
Triadico +120° +240°
- E3E2D7
Faded Forest
- D7E4E9
≈ Baby’s Breath
- E9DEE4
≈ Weak Mauve
Complementare divisa +150° +210°
- E3E2D7
Faded Forest
- DBE2EB
≈ Star Map
- E5DFE9
≈ Minified Magenta
Tetradico +90° +180° +270°
- E3E2D7
Faded Forest
- D7E5E4
≈ Fluffy Slippers
- E0E0EB
≈ Flor Lila
- EBDEDF
≈ Pink Posey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.12:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--faded-forest: #e3e2d7;
--faded-forest-rgb: 227 226 215;
--faded-forest-oklch: oklch(0.911 0.015 102.5);
}
.element {
color: var(--faded-forest);
background-color: hsl(55 18% 87%);
border-color: oklch(0.911 0.015 102.5);
}Tailwind CSS v4
@theme {
--color-faded-forest: #e3e2d7;
--color-faded-forest-50: #f6f5f1;
--color-faded-forest-100: #e8e8e3;
--color-faded-forest-200: #d5d5ce;
--color-faded-forest-300: #b8b8af;
--color-faded-forest-400: #a09f95;
--color-faded-forest-500: #88877c;
--color-faded-forest-600: #737269;
--color-faded-forest-700: #5c5b54;
--color-faded-forest-800: #43433d;
--color-faded-forest-900: #2f2e2a;
--color-faded-forest-950: #1b1b17;
}SCSS
$faded-forest: #e3e2d7;
$faded-forest-rgb: 227, 226, 215;
$faded-forest-light: mix(#fff, $faded-forest, 20%);
$faded-forest-dark: mix(#000, $faded-forest, 20%);
.element {
color: $faded-forest;
box-shadow: 0 0 0 2px rgba($faded-forest, 0.35);
}