Colore con nome · #E5D9DC
Faded Firebrick
Faded Firebrick è #E5D9DC: rgb(229 217 220), hsl(345 19% 87%), oklch(0.896 0.014 0.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Faded Firebrick color name →
#E5D9DC
oklch(0.896 0.014 0.3)
Conversioni di colore
- HEX
- #e5d9dc
- RGB
- rgb(229 217 220)
- HSL
- hsl(345 19% 87%)
- HWB
- hwb(345 85% 10%)
- OKLCH
- oklch(0.896 0.014 0.3)
- OKLab
- oklab(0.896 0.014 0)
- CIE Lab
- lab(87.73 4.64 0.07)
- LCH
- lch(87.73 4.64 0.9)
- CMYK
- cmyk(0% 5% 4% 10%)
Tinte · Ombre · Toni
Tinte
- E8DDDF
- EAE1E3
- EDE4E6
- EFE8EA
- F2ECED
- F5F0F1
- F7F3F4
- FAF7F8
- FCFBFB
Ombre
- C7BCBF
- AAA1A3
- 8E8688
- 726C6E
- 585354
- 3F3B3C
- 282526
- 121111
- 030202
Toni
- DAD0D2
- D0C7C9
- C6BDBF
- BBB4B6
- B1ABAD
- A7A3A4
- 9D9A9B
- 939192
- 8A8989
Armonie di colore
Complementare +180°
- E5D9DC
Faded Firebrick
- D3E0DD
≈ Spring Mist
Analogo -30° +30°
- E5D9DC
Faded Firebrick
- E2D9E1
≈ Puffball Vapour
- E6D9D7
≈ Almost Mauve
Triadico +120° +240°
- E5D9DC
Faded Firebrick
- DBDED4
≈ Angel’s Whisper
- D5DEE5
≈ Cautious Blue
Complementare divisa +150° +210°
- E5D9DC
Faded Firebrick
- D6DFD8
≈ Secret Crush
- D3DFE2
≈ Spa Blue
Tetradico +90° +180° +270°
- E5D9DC
Faded Firebrick
- E0DCD3
≈ Empire Porcelain
- D3E0DD
≈ Spring Mist
- D9DCE6
≈ Star Jasmine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.29:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--faded-firebrick: #e5d9dc;
--faded-firebrick-rgb: 229 217 220;
--faded-firebrick-oklch: oklch(0.896 0.014 0.3);
}
.element {
color: var(--faded-firebrick);
background-color: hsl(345 19% 87%);
border-color: oklch(0.896 0.014 0.3);
}Tailwind CSS v4
@theme {
--color-faded-firebrick: #e5d9dc;
--color-faded-firebrick-50: #f9f3f5;
--color-faded-firebrick-100: #ece6e7;
--color-faded-firebrick-200: #dad2d4;
--color-faded-firebrick-300: #beb5b7;
--color-faded-firebrick-400: #a69b9e;
--color-faded-firebrick-500: #8f8386;
--color-faded-firebrick-600: #796f71;
--color-faded-firebrick-700: #60585a;
--color-faded-firebrick-800: #474042;
--color-faded-firebrick-900: #312c2e;
--color-faded-firebrick-950: #1d191a;
}SCSS
$faded-firebrick: #e5d9dc;
$faded-firebrick-rgb: 229, 217, 220;
$faded-firebrick-light: mix(#fff, $faded-firebrick, 20%);
$faded-firebrick-dark: mix(#000, $faded-firebrick, 20%);
.element {
color: $faded-firebrick;
box-shadow: 0 0 0 2px rgba($faded-firebrick, 0.35);
}