Colore con nome · #EED683
Gatsby Glitter
Gatsby Glitter è #EED683: rgb(238 214 131), hsl(47 76% 72%), oklch(0.878 0.106 93.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gatsby Glitter color name →
#EED683
oklch(0.878 0.106 93.8)
Conversioni di colore
- HEX
- #eed683
- RGB
- rgb(238 214 131)
- HSL
- hsl(47 76% 72%)
- HWB
- hwb(47 51% 7%)
- OKLCH
- oklch(0.878 0.106 93.8)
- OKLab
- oklab(0.878 -0.007 0.106)
- CIE Lab
- lab(86.31 0.61 44.01)
- LCH
- lch(86.31 44.02 89.2)
- CMYK
- cmyk(0% 10% 45% 7%)
Tinte · Ombre · Toni
Tinte
- F0DA91
- F1DF9E
- F3E3AA
- F5E7B7
- F6EBC3
- F8EFCF
- FAF3DB
- FCF7E7
- FDFBF3
Ombre
- CFBA71
- B19E60
- 93844F
- 776A3F
- 5C522F
- 423B20
- 2A2512
- 141006
- 030201
Toni
- E2CD84
- D7C485
- CCBC85
- C1B385
- B5AA85
- AAA284
- A09983
- 959183
- 8A8881
Armonie di colore
Complementare +180°
- EED683
Gatsby Glitter
- CAD5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- EED683
Gatsby Glitter
- FFCC9D
≈ Melon Sprinkle
- C8E394
≈ Shadow Lime
Triadico +120° +240°
- EED683
Gatsby Glitter
- 82E8FF
≈ Photon Projector
- FFBFF2
≈ Pink Quartz
Complementare divisa +150° +210°
- EED683
Gatsby Glitter
- B3DCFF
≈ Broad Daylight
- E1CCFF
≈ Lens Flare Pink
Tetradico +90° +180° +270°
- EED683
Gatsby Glitter
- 7DEEDE
≈ Tiffany Blue
- CAD5FF
≈ Pale Phthalo Blue
- FFC5D2
≈ Sweet Serenade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.58:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--gatsby-glitter: #eed683;
--gatsby-glitter-rgb: 238 214 131;
--gatsby-glitter-oklch: oklch(0.878 0.106 93.8);
}
.element {
color: var(--gatsby-glitter);
background-color: hsl(47 76% 72%);
border-color: oklch(0.878 0.106 93.8);
}Tailwind CSS v4
@theme {
--color-gatsby-glitter: #eed683;
--color-gatsby-glitter-50: #fef6d4;
--color-gatsby-glitter-100: #f2e8c0;
--color-gatsby-glitter-200: #e2d5a1;
--color-gatsby-glitter-300: #c8b878;
--color-gatsby-glitter-400: #b39d50;
--color-gatsby-glitter-500: #9e841f;
--color-gatsby-glitter-600: #85701d;
--color-gatsby-glitter-700: #6b5918;
--color-gatsby-glitter-800: #50410e;
--color-gatsby-glitter-900: #372d09;
--color-gatsby-glitter-950: #221a00;
}SCSS
$gatsby-glitter: #eed683;
$gatsby-glitter-rgb: 238, 214, 131;
$gatsby-glitter-light: mix(#fff, $gatsby-glitter, 20%);
$gatsby-glitter-dark: mix(#000, $gatsby-glitter, 20%);
.element {
color: $gatsby-glitter;
box-shadow: 0 0 0 2px rgba($gatsby-glitter, 0.35);
}