Benannte Farbe · #CCCC11
Golden Harvest
Golden Harvest ist #CCCC11: rgb(204 204 17), hsl(60 85% 43%), oklch(0.818 0.176 109.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Harvest color name →
#CCCC11
oklch(0.818 0.176 109.7)
Farbumrechnungen
- HEX
- #cccc11
- RGB
- rgb(204 204 17)
- HSL
- hsl(60 85% 43%)
- HWB
- hwb(60 7% 20%)
- OKLCH
- oklch(0.818 0.176 109.7)
- OKLab
- oklab(0.818 -0.059 0.166)
- CIE Lab
- lab(80.04 -13.18 77.28)
- LCH
- lch(80.04 78.4 99.7)
- CMYK
- cmyk(0% 0% 92% 20%)
Tints · Shades · Tones
Tints
- D1D244
- D5D761
- DADC79
- DFE28E
- E4E7A2
- E9ECB6
- EFF1C8
- F4F6DB
- F9FAED
Shades
- B1B10D
- 979709
- 7E7E06
- 656504
- 4E4E02
- 373701
- 222200
- 0F0F00
- 020200
Tones
- C4C433
- BCBD45
- B4B552
- ACAE5C
- A5A664
- 9D9F6B
- 969772
- 8E8F77
- 87887C
Farbharmonien
Komplementär +180°
- CCCC11
Golden Harvest
- C2B9FF
≈ Dried Lilac
Analog -30° +30°
- CCCC11
Golden Harvest
- FDB500
≈ Dithered Amber
- 82DE6B
≈ Pastel Green
Triadisch +120° +240°
- CCCC11
Golden Harvest
- 6CD1FF
≈ Heisenberg Blue
- FFA2CF
≈ Corinthian Pink
Geteilt komplementär +150° +210°
- CCCC11
Golden Harvest
- A1C5FF
≈ Pastel Blue
- EDA3FF
≈ Rich Brilliant Lavender
Tetradisch +90° +180° +270°
- CCCC11
Golden Harvest
- 00DEE7
≈ Tamarama
- C2B9FF
≈ Dried Lilac
- FFA9A9
≈ Apricot Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.21:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--golden-harvest: #cccc11;
--golden-harvest-rgb: 204 204 17;
--golden-harvest-oklch: oklch(0.818 0.176 109.7);
}
.element {
color: var(--golden-harvest);
background-color: hsl(60 85% 43%);
border-color: oklch(0.818 0.176 109.7);
}Tailwind CSS v4
@theme {
--color-golden-harvest: #cccc11;
--color-golden-harvest-50: #f6fbc1;
--color-golden-harvest-100: #e9eeaa;
--color-golden-harvest-200: #d6dc81;
--color-golden-harvest-300: #bac049;
--color-golden-harvest-400: #a6a600;
--color-golden-harvest-500: #908d00;
--color-golden-harvest-600: #7a7700;
--color-golden-harvest-700: #615f00;
--color-golden-harvest-800: #4a4500;
--color-golden-harvest-900: #333000;
--color-golden-harvest-950: #1f1c00;
}SCSS
$golden-harvest: #cccc11;
$golden-harvest-rgb: 204, 204, 17;
$golden-harvest-light: mix(#fff, $golden-harvest, 20%);
$golden-harvest-dark: mix(#000, $golden-harvest, 20%);
.element {
color: $golden-harvest;
box-shadow: 0 0 0 2px rgba($golden-harvest, 0.35);
}