Cor nomeada · #CCCC00
Golden Foil
Golden Foil é #CCCC00: rgb(204 204 0), hsl(60 100% 40%), oklch(0.818 0.178 109.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Foil color name →
#CCCC00
oklch(0.818 0.178 109.8)
Conversões de cor
- HEX
- #cccc00
- RGB
- rgb(204 204 0)
- HSL
- hsl(60 100% 40%)
- HWB
- hwb(60 0% 20%)
- OKLCH
- oklch(0.818 0.178 109.8)
- OKLab
- oklab(0.818 -0.06 0.168)
- CIE Lab
- lab(80.02 -13.31 78.94)
- LCH
- lch(80.02 80.05 99.6)
- CMYK
- cmyk(0% 0% 100% 20%)
Tons claros · Sombras · Tons
Tons claros
- D1D241
- D5D75F
- DADC77
- DFE28D
- E4E7A1
- E9ECB5
- EFF1C8
- F4F6DA
- F9FAED
Sombras
- B1B100
- 979700
- 7E7E00
- 656500
- 4E4E00
- 373700
- 222200
- 0F0F00
- 020200
Tons
- C4C42F
- BCBD42
- B4B550
- ACAE5A
- A5A663
- 9D9F6B
- 959771
- 8E8F77
- 87887C
Harmonias de cor
Complementar +180°
- CCCC00
Golden Foil
- C2B9FF
≈ Dried Lilac
Análoga -30° +30°
- CCCC00
Golden Foil
- FCB500
≈ Yellow Summer
- 80DF6A
≈ Pastel Green
Tríade +120° +240°
- CCCC00
Golden Foil
- 6CD1FF
≈ Heisenberg Blue
- FFA2CF
≈ Corinthian Pink
Complementar dividida +150° +210°
- CCCC00
Golden Foil
- A1C5FF
≈ Pastel Blue
- EDA3FF
≈ Rich Brilliant Lavender
Tétrade +90° +180° +270°
- CCCC00
Golden Foil
- 00DEE6
≈ Fish Boy
- C2B9FF
≈ Dried Lilac
- FFA9A8
≈ Upstream Salmon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.20:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--golden-foil: #cccc00;
--golden-foil-rgb: 204 204 0;
--golden-foil-oklch: oklch(0.818 0.178 109.8);
}
.element {
color: var(--golden-foil);
background-color: hsl(60 100% 40%);
border-color: oklch(0.818 0.178 109.8);
}Tailwind CSS v4
@theme {
--color-golden-foil: #cccc00;
--color-golden-foil-50: #f6fbc0;
--color-golden-foil-100: #e9eea9;
--color-golden-foil-200: #d6dc80;
--color-golden-foil-300: #bac047;
--color-golden-foil-400: #a6a600;
--color-golden-foil-500: #908d00;
--color-golden-foil-600: #7a7700;
--color-golden-foil-700: #625f00;
--color-golden-foil-800: #4a4500;
--color-golden-foil-900: #333000;
--color-golden-foil-950: #1f1c00;
}SCSS
$golden-foil: #cccc00;
$golden-foil-rgb: 204, 204, 0;
$golden-foil-light: mix(#fff, $golden-foil, 20%);
$golden-foil-dark: mix(#000, $golden-foil, 20%);
.element {
color: $golden-foil;
box-shadow: 0 0 0 2px rgba($golden-foil, 0.35);
}