Benannte Farbe · #EED280
Golden Sap
Golden Sap ist #EED280: rgb(238 210 128), hsl(45 76% 72%), oklch(0.87 0.106 91.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Sap color name →
#EED280
oklch(0.87 0.106 91.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F0D78E
- F1DB9B
- F3E0A8
- F5E4B5
- F7E9C2
- F8EDCE
- FAF2DA
- FCF6E7
- FDFBF3
Shades
- CFB66E
- B19B5D
- 93814D
- 77683D
- 5C502E
- 42391F
- 2A2412
- 141006
- 030201
Tones
- E2CA81
- D7C182
- CCB983
- C1B183
- B5A983
- ABA083
- A09883
- 959082
- 8A8881
Farbharmonien
Komplementär +180°
- EED280
Golden Sap
- C5D3FF
≈ Pale Phthalo Blue
Analog -30° +30°
- EED280
Golden Sap
- FFC799
≈ Gumdrops
- C9DF8F
≈ Coincidence
Triadisch +120° +240°
- EED280
Golden Sap
- 77E7FC
≈ Robin’s Egg
- FDBBF4
≈ Pink Quartz
Geteilt komplementär +150° +210°
- EED280
Golden Sap
- ABDBFF
≈ Droplet
- DCC9FF
≈ Foggy Heath
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.16:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
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);
}