Colore con nome · #EED280
Golden Sap
Golden Sap è #EED280: rgb(238 210 128), hsl(45 76% 72%), oklch(0.87 0.106 91.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Sap color name →
#EED280
oklch(0.87 0.106 91.2)
Conversioni di colore
- HEX
- #eed280
- RGB
- rgb(238 210 128)
- HSL
- hsl(45 76% 72%)
- HWB
- hwb(45 50% 7%)
- OKLCH
- oklch(0.87 0.106 91.2)
- OKLab
- oklab(0.87 -0.002 0.106)
- CIE Lab
- lab(85.27 2.34 44.21)
- LCH
- lch(85.27 44.28 87)
- CMYK
- cmyk(0% 12% 46% 7%)
Tinte · Ombre · Toni
Tinte
- F0D78E
- F1DB9B
- F3E0A8
- F5E4B5
- F7E9C2
- F8EDCE
- FAF2DA
- FCF6E7
- FDFBF3
Ombre
- CFB66E
- B19B5D
- 93814D
- 77683D
- 5C502E
- 42391F
- 2A2412
- 141006
- 030201
Toni
- E2CA81
- D7C182
- CCB983
- C1B183
- B5A983
- ABA083
- A09883
- 959082
- 8A8881
Armonie di colore
Complementare +180°
- EED280
Golden Sap
- C5D3FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- EED280
Golden Sap
- FFC799
≈ Gumdrops
- C9DF8F
≈ Coincidence
Triadico +120° +240°
- EED280
Golden Sap
- 77E7FC
≈ Robin’s Egg
- FDBBF4
≈ Pink Quartz
Complementare divisa +150° +210°
- EED280
Golden Sap
- ABDBFF
≈ Droplet
- DCC9FF
≈ Foggy Heath
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.16:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-sap: #eed280;
--golden-sap-rgb: 238 210 128;
--golden-sap-oklch: oklch(0.87 0.106 91.2);
}
.element {
color: var(--golden-sap);
background-color: hsl(45 76% 72%);
border-color: oklch(0.87 0.106 91.2);
}Tailwind CSS v4
@theme {
--color-golden-sap: #eed280;
--color-golden-sap-50: #fff5d3;
--color-golden-sap-100: #f4e8c0;
--color-golden-sap-200: #e4d4a1;
--color-golden-sap-300: #cab777;
--color-golden-sap-400: #b69c50;
--color-golden-sap-500: #a0831e;
--color-golden-sap-600: #876f1d;
--color-golden-sap-700: #6d5917;
--color-golden-sap-800: #51400e;
--color-golden-sap-900: #382c09;
--color-golden-sap-950: #231900;
}SCSS
$golden-sap: #eed280;
$golden-sap-rgb: 238, 210, 128;
$golden-sap-light: mix(#fff, $golden-sap, 20%);
$golden-sap-dark: mix(#000, $golden-sap, 20%);
.element {
color: $golden-sap;
box-shadow: 0 0 0 2px rgba($golden-sap, 0.35);
}