Colore con nome · #F9F525
Golden Ginkgo
Golden Ginkgo è #F9F525: rgb(249 245 37), hsl(59 95% 56%), oklch(0.943 0.198 108.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Ginkgo color name →
#F9F525
oklch(0.943 0.198 108.4)
Conversioni di colore
- HEX
- #f9f525
- RGB
- rgb(249 245 37)
- HSL
- hsl(59 95% 56%)
- HWB
- hwb(59 15% 2%)
- OKLCH
- oklch(0.943 0.198 108.4)
- OKLab
- oklab(0.943 -0.062 0.187)
- CIE Lab
- lab(94.59 -13.32 86.96)
- LCH
- lch(94.59 87.98 98.7)
- CMYK
- cmyk(0% 2% 85% 2%)
Tinte · Ombre · Toni
Tinte
- F9F752
- FAF86F
- FAF986
- FBFA9A
- FBFCAD
- FCFDBE
- FCFDCF
- FDFEE0
- FEFFEF
Ombre
- D9D51F
- B9B619
- 9A9813
- 7D7B0D
- 615F08
- 464404
- 2C2B02
- 151500
- 030300
Toni
- ECE941
- DFDD51
- D3D15D
- C6C666
- BABA6D
- AEAE73
- A2A378
- 96977B
- 8B8C7E
Armonie di colore
Complementare +180°
- F9F525
Golden Ginkgo
- EBEAFF
≈ Bright Dusk
Analogo -30° +30°
- F9F525
Golden Ginkgo
- FFE9C7
≈ Barely Peach
- C6FFB4
≈ Sour Green Cherry
Triadico +120° +240°
- F9F525
Golden Ginkgo
- D5F1FF
≈ Water
- FFE3F0
≈ Bunny Tail
Complementare divisa +150° +210°
- F9F525
Golden Ginkgo
- E1EDFF
≈ Calcareous Sinter
- F9E4FF
≈ Soft Lavender
Tetradico +90° +180° +270°
- F9F525
Golden Ginkgo
- AEFDFF
≈ Italian Sky Blue
- EBEAFF
≈ Bright Dusk
- FFE5E5
≈ Vanilla Strawberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.15:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.11:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.11:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-ginkgo: #f9f525;
--golden-ginkgo-rgb: 249 245 37;
--golden-ginkgo-oklch: oklch(0.943 0.198 108.4);
}
.element {
color: var(--golden-ginkgo);
background-color: hsl(59 95% 56%);
border-color: oklch(0.943 0.198 108.4);
}Tailwind CSS v4
@theme {
--color-golden-ginkgo: #f9f525;
--color-golden-ginkgo-50: #f8fbb9;
--color-golden-ginkgo-100: #ebeea1;
--color-golden-ginkgo-200: #d9dc73;
--color-golden-ginkgo-300: #bdc02d;
--color-golden-ginkgo-400: #aba500;
--color-golden-ginkgo-500: #958b00;
--color-golden-ginkgo-600: #7e7600;
--color-golden-ginkgo-700: #655f00;
--color-golden-ginkgo-800: #4c4400;
--color-golden-ginkgo-900: #352f00;
--color-golden-ginkgo-950: #201b00;
}SCSS
$golden-ginkgo: #f9f525;
$golden-ginkgo-rgb: 249, 245, 37;
$golden-ginkgo-light: mix(#fff, $golden-ginkgo, 20%);
$golden-ginkgo-dark: mix(#000, $golden-ginkgo, 20%);
.element {
color: $golden-ginkgo;
box-shadow: 0 0 0 2px rgba($golden-ginkgo, 0.35);
}