Colore con nome · #EAD771
Golden Glitter Storm
Golden Glitter Storm è #EAD771: rgb(234 215 113), hsl(51 74% 68%), oklch(0.874 0.125 99). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Glitter Storm color name →
#EAD771
oklch(0.874 0.125 99)
Conversioni di colore
- HEX
- #ead771
- RGB
- rgb(234 215 113)
- HSL
- hsl(51 74% 68%)
- HWB
- hwb(51 44% 8%)
- OKLCH
- oklch(0.874 0.125 99)
- OKLab
- oklab(0.874 -0.019 0.123)
- CIE Lab
- lab(86.02 -2.65 52.17)
- LCH
- lch(86.02 52.23 92.9)
- CMYK
- cmyk(0% 8% 52% 8%)
Tinte · Ombre · Toni
Tinte
- ECDB81
- EEDF91
- F0E4A0
- F2E8AE
- F4ECBC
- F6F0CA
- F8F4D7
- FBF7E5
- FDFBF2
Ombre
- CBBB61
- AE9F52
- 918543
- 756B35
- 5A5227
- 413B1A
- 29250E
- 131104
- 030201
Toni
- DFCE75
- D4C578
- C9BD7A
- BEB47C
- B3AB7E
- A9A27F
- 9E9A80
- 949180
- 8A8980
Armonie di colore
Complementare +180°
- EAD771
Golden Glitter Storm
- CCD2FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- EAD771
Golden Glitter Storm
- FFCB91
≈ Tangerine Silk
- BCE68C
≈ Oxalis
Triadico +120° +240°
- EAD771
Golden Glitter Storm
- 8CE5FF
≈ Winter Wizard
- FFBEEA
≈ Pink Quartz
Complementare divisa +150° +210°
- EAD771
Golden Glitter Storm
- B5DAFF
≈ Broad Daylight
- E5C7FF
≈ Wisteria Powder
Tetradico +90° +180° +270°
- EAD771
Golden Glitter Storm
- 5EF0E6
≈ Blue Crystal Landscape
- CCD2FF
≈ Pale Phthalo Blue
- FFC3CC
≈ Cotton Candy Comet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.45:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-glitter-storm: #ead771;
--golden-glitter-storm-rgb: 234 215 113;
--golden-glitter-storm-oklch: oklch(0.874 0.125 99);
}
.element {
color: var(--golden-glitter-storm);
background-color: hsl(51 74% 68%);
border-color: oklch(0.874 0.125 99);
}Tailwind CSS v4
@theme {
--color-golden-glitter-storm: #ead771;
--color-golden-glitter-storm-50: #fcf7ce;
--color-golden-glitter-storm-100: #f0eaba;
--color-golden-glitter-storm-200: #dfd698;
--color-golden-glitter-storm-300: #c5ba6c;
--color-golden-glitter-storm-400: #b19f3e;
--color-golden-glitter-storm-500: #9b8600;
--color-golden-glitter-storm-600: #837200;
--color-golden-glitter-storm-700: #695b00;
--color-golden-glitter-storm-800: #4f4200;
--color-golden-glitter-storm-900: #372d00;
--color-golden-glitter-storm-950: #221a00;
}SCSS
$golden-glitter-storm: #ead771;
$golden-glitter-storm-rgb: 234, 215, 113;
$golden-glitter-storm-light: mix(#fff, $golden-glitter-storm, 20%);
$golden-glitter-storm-dark: mix(#000, $golden-glitter-storm, 20%);
.element {
color: $golden-glitter-storm;
box-shadow: 0 0 0 2px rgba($golden-glitter-storm, 0.35);
}