Colore con nome · #DDD3AE
Stardust
Stardust è #DDD3AE: rgb(221 211 174), hsl(47 41% 77%), oklch(0.865 0.05 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Stardust color name →
#DDD3AE
oklch(0.865 0.05 94.7)
Conversioni di colore
- HEX
- #ddd3ae
- RGB
- rgb(221 211 174)
- HSL
- hsl(47 41% 77%)
- HWB
- hwb(47 68% 13%)
- OKLCH
- oklch(0.865 0.05 94.7)
- OKLab
- oklab(0.865 -0.004 0.05)
- CIE Lab
- lab(84.66 -0.79 19.71)
- LCH
- lch(84.66 19.73 92.3)
- CMYK
- cmyk(0% 5% 21% 13%)
Tinte · Ombre · Toni
Tinte
- E0D7B6
- E4DCBE
- E7E0C6
- EAE5CE
- EEE9D6
- F1EDDE
- F5F2E7
- F8F6EF
- FCFBF7
Ombre
- C0B797
- A49C80
- 88826A
- 6E6955
- 555141
- 3D3A2E
- 26241C
- 11100B
- 020201
Toni
- D3CAA9
- CAC2A5
- C0B9A0
- B7B19C
- ADA997
- A4A093
- 9B988E
- 929089
- 898885
Armonie di colore
Complementare +180°
- DDD3AE
Stardust
- C8D1F5
≈ Frozen Periwinkle
Analogo -30° +30°
- DDD3AE
Stardust
- EBCDB1
≈ Sandpoint
- CBD9B5
≈ Vintage Glass
Triadico +120° +240°
- DDD3AE
Stardust
- AEDCE7
≈ Light Washed Blue
- E8C7E0
≈ Pink Pony
Complementare divisa +150° +210°
- DDD3AE
Stardust
- B8D7F2
≈ Summer Birthday
- DACBEE
≈ Plum’s the Word
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.00:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--stardust: #ddd3ae;
--stardust-rgb: 221 211 174;
--stardust-oklch: oklch(0.865 0.05 94.7);
}
.element {
color: var(--stardust);
background-color: hsl(47 41% 77%);
border-color: oklch(0.865 0.05 94.7);
}Tailwind CSS v4
@theme {
--color-stardust: #ddd3ae;
--color-stardust-50: #f9f5e5;
--color-stardust-100: #ece8d6;
--color-stardust-200: #dad5bd;
--color-stardust-300: #beb89b;
--color-stardust-400: #a89f7d;
--color-stardust-500: #918660;
--color-stardust-600: #7a7251;
--color-stardust-700: #625b41;
--color-stardust-800: #48422e;
--color-stardust-900: #322e1f;
--color-stardust-950: #1e1a0f;
}SCSS
$stardust: #ddd3ae;
$stardust-rgb: 221, 211, 174;
$stardust-light: mix(#fff, $stardust, 20%);
$stardust-dark: mix(#000, $stardust, 20%);
.element {
color: $stardust;
box-shadow: 0 0 0 2px rgba($stardust, 0.35);
}