Colore con nome · #E1D5C2
Illusive Dream
Illusive Dream è #E1D5C2: rgb(225 213 194), hsl(37 34% 82%), oklch(0.878 0.029 79.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Illusive Dream color name →
#E1D5C2
oklch(0.878 0.029 79.5)
Conversioni di colore
- HEX
- #e1d5c2
- RGB
- rgb(225 213 194)
- HSL
- hsl(37 34% 82%)
- HWB
- hwb(37 76% 12%)
- OKLCH
- oklch(0.878 0.029 79.5)
- OKLab
- oklab(0.878 0.005 0.028)
- CIE Lab
- lab(85.87 1.95 10.99)
- LCH
- lch(85.87 11.16 79.9)
- CMYK
- cmyk(0% 5% 14% 12%)
Tinte · Ombre · Toni
Tinte
- E4D9C8
- E7DDCE
- EAE1D4
- EDE6DA
- F0EAE0
- F3EEE6
- F6F2ED
- F9F7F3
- FCFBF9
Ombre
- C4B9A8
- A79E8F
- 8B8377
- 706A60
- 565149
- 3E3A34
- 272420
- 12100E
- 020202
Toni
- D7CCBB
- CDC3B4
- C3BBAE
- B9B2A7
- AFAAA0
- A6A19A
- 9C9993
- 93908D
- 898886
Armonie di colore
Complementare +180°
- E1D5C2
Illusive Dream
- CCD8EA
≈ Lilac Cotton Candy
Analogo -30° +30°
- E1D5C2
Illusive Dream
- E7D2C6
≈ Bizarre
- D8D9C3
≈ Feng Shui
Triadico +120° +240°
- E1D5C2
Illusive Dream
- C2DDDE
≈ Cold Air Turquoise
- DFD1E3
≈ Ametrine Quartz
Complementare divisa +150° +210°
- E1D5C2
Illusive Dream
- C4DBE6
≈ Pacific Breeze
- D6D4E9
≈ Dulcinea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.49:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--illusive-dream: #e1d5c2;
--illusive-dream-rgb: 225 213 194;
--illusive-dream-oklch: oklch(0.878 0.029 79.5);
}
.element {
color: var(--illusive-dream);
background-color: hsl(37 34% 82%);
border-color: oklch(0.878 0.029 79.5);
}Tailwind CSS v4
@theme {
--color-illusive-dream: #e1d5c2;
--color-illusive-dream-50: #f9f4ec;
--color-illusive-dream-100: #ede7dd;
--color-illusive-dream-200: #dbd3c7;
--color-illusive-dream-300: #bfb6a7;
--color-illusive-dream-400: #a89d8c;
--color-illusive-dream-500: #918471;
--color-illusive-dream-600: #7a7060;
--color-illusive-dream-700: #625a4c;
--color-illusive-dream-800: #484137;
--color-illusive-dream-900: #322d26;
--color-illusive-dream-950: #1e1a14;
}SCSS
$illusive-dream: #e1d5c2;
$illusive-dream-rgb: 225, 213, 194;
$illusive-dream-light: mix(#fff, $illusive-dream, 20%);
$illusive-dream-dark: mix(#000, $illusive-dream, 20%);
.element {
color: $illusive-dream;
box-shadow: 0 0 0 2px rgba($illusive-dream, 0.35);
}