Colore con nome · #EECC11
Gouda Gold
Gouda Gold è #EECC11: rgb(238 204 17), hsl(51 87% 50%), oklch(0.849 0.173 96.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gouda Gold color name →
#EECC11
oklch(0.849 0.173 96.7)
Conversioni di colore
- HEX
- #eecc11
- RGB
- rgb(238 204 17)
- HSL
- hsl(51 87% 50%)
- HWB
- hwb(51 7% 7%)
- OKLCH
- oklch(0.849 0.173 96.7)
- OKLab
- oklab(0.849 -0.02 0.171)
- CIE Lab
- lab(83.1 1.18 81.12)
- LCH
- lch(83.1 81.13 89.2)
- CMYK
- cmyk(0% 14% 93% 7%)
Tinte · Ombre · Toni
Tinte
- F0D246
- F1D763
- F3DC7B
- F5E290
- F6E7A4
- F8ECB7
- FAF1CA
- FBF6DC
- FDFAED
Ombre
- CFB10D
- B19709
- 937E06
- 776504
- 5C4E02
- 423701
- 2A2200
- 140F00
- 030200
Toni
- E2C434
- D7BD46
- CCB553
- C0AE5D
- B5A666
- AA9F6D
- A09773
- 958F78
- 8A887C
Armonie di colore
Complementare +180°
- EECC11
Gouda Gold
- C0CAFF
≈ Light Periwinkle
Analogo -30° +30°
- EECC11
Gouda Gold
- FFBF7C
≈ Zing
- B0E159
≈ Conifer
Triadico +120° +240°
- EECC11
Gouda Gold
- 64E0FF
≈ Athena Blue
- FFAFEA
≈ Pink Apotheosis
Complementare divisa +150° +210°
- EECC11
Gouda Gold
- A3D3FF
≈ Baby Blue
- DDBDFF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.28:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--gouda-gold: #eecc11;
--gouda-gold-rgb: 238 204 17;
--gouda-gold-oklch: oklch(0.849 0.173 96.7);
}
.element {
color: var(--gouda-gold);
background-color: hsl(51 87% 50%);
border-color: oklch(0.849 0.173 96.7);
}Tailwind CSS v4
@theme {
--color-gouda-gold: #eecc11;
--color-gouda-gold-50: #fff7be;
--color-gouda-gold-100: #f6e9a6;
--color-gouda-gold-200: #e7d67c;
--color-gouda-gold-300: #ceb840;
--color-gouda-gold-400: #bc9c00;
--color-gouda-gold-500: #a88200;
--color-gouda-gold-600: #8e6e00;
--color-gouda-gold-700: #725800;
--color-gouda-gold-800: #563f00;
--color-gouda-gold-900: #3c2c00;
--color-gouda-gold-950: #261900;
}SCSS
$gouda-gold: #eecc11;
$gouda-gold-rgb: 238, 204, 17;
$gouda-gold-light: mix(#fff, $gouda-gold, 20%);
$gouda-gold-dark: mix(#000, $gouda-gold, 20%);
.element {
color: $gouda-gold;
box-shadow: 0 0 0 2px rgba($gouda-gold, 0.35);
}