Nazwany kolor · #CCCC11
Golden Harvest
Golden Harvest to #CCCC11: rgb(204 204 17), hsl(60 85% 43%), oklch(0.818 0.176 109.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Harvest color name →
#CCCC11
oklch(0.818 0.176 109.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1D244
- D5D761
- DADC79
- DFE28E
- E4E7A2
- E9ECB6
- EFF1C8
- F4F6DB
- F9FAED
Odcienie ciemniejsze
- B1B10D
- 979709
- 7E7E06
- 656504
- 4E4E02
- 373701
- 222200
- 0F0F00
- 020200
Tony
- C4C433
- BCBD45
- B4B552
- ACAE5C
- A5A664
- 9D9F6B
- 969772
- 8E8F77
- 87887C
Harmonie kolorów
Komplementarna +180°
- CCCC11
Golden Harvest
- C2B9FF
≈ Dried Lilac
Analogowa -30° +30°
- CCCC11
Golden Harvest
- FDB500
≈ Dithered Amber
- 82DE6B
≈ Pastel Green
Triada +120° +240°
- CCCC11
Golden Harvest
- 6CD1FF
≈ Heisenberg Blue
- FFA2CF
≈ Corinthian Pink
Komplementarna rozszczepiona +150° +210°
- CCCC11
Golden Harvest
- A1C5FF
≈ Pastel Blue
- EDA3FF
≈ Rich Brilliant Lavender
Tetrada +90° +180° +270°
- CCCC11
Golden Harvest
- 00DEE7
≈ Tamarama
- C2B9FF
≈ Dried Lilac
- FFA9A9
≈ Apricot Haze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.21:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}