Couleur nommée · #F3BC00
Gold Abundance
Gold Abundance correspond à #F3BC00 : rgb(243 188 0), hsl(46 100% 48%), oklch(0.822 0.168 87.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Gold Abundance color name →
#F3BC00
oklch(0.822 0.168 87.3)
Conversions de couleur
- HEX
- #f3bc00
- RGB
- rgb(243 188 0)
- HSL
- hsl(46 100% 48%)
- HWB
- hwb(46 0% 5%)
- OKLCH
- oklch(0.822 0.168 87.3)
- OKLab
- oklab(0.822 0.008 0.168)
- CIE Lab
- lab(79.61 11.04 80.77)
- LCH
- lch(79.61 81.52 82.2)
- CMYK
- cmyk(0% 23% 100% 5%)
Teintes · Ombres · Tons
Teintes
- F4C340
- F6CA5E
- F7D177
- F8D88D
- FADFA1
- FBE5B5
- FCECC8
- FDF2DA
- FEF9ED
Ombres
- D3A300
- B48B00
- 977300
- 7A5D00
- 5E4700
- 443200
- 2B1F00
- 140D00
- 030200
Tons
- E7B62E
- DBB042
- CFAB4F
- C4A55A
- B89F63
- AD996A
- A19371
- 968D77
- 8B867C
Harmonies de couleurs
Complémentaire +180°
- F3BC00
Gold Abundance
- ABC4FF
≈ Pastel Blue
Analogue -30° +30°
- F3BC00
Gold Abundance
- FFB175
≈ Isn’t It Just Peachy
- BDD23E
≈ Golden Foliage
Triadique +120° +240°
- F3BC00
Gold Abundance
- 00DEF3
≈ Tamarama
- FD9BFD
≈ Pinkalicious
Complémentaire divisée +150° +210°
- F3BC00
Gold Abundance
- 82CFFF
≈ Drift on the Sea
- CCB7FF
≈ Violet Heaven
Tétradique +90° +180° +270°
- F3BC00
Gold Abundance
- 00E4C3
≈ Celestial Green
- ABC4FF
≈ Pastel Blue
- FFA6C5
≈ Taffy Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.74:1 · APCA Lc 32
Ag
AAASur noir
WCAG 12.00:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--gold-abundance: #f3bc00;
--gold-abundance-rgb: 243 188 0;
--gold-abundance-oklch: oklch(0.822 0.168 87.3);
}
.element {
color: var(--gold-abundance);
background-color: hsl(46 100% 48%);
border-color: oklch(0.822 0.168 87.3);
}Tailwind CSS v4
@theme {
--color-gold-abundance: #f3bc00;
--color-gold-abundance-50: #fff4be;
--color-gold-abundance-100: #fee6a7;
--color-gold-abundance-200: #f1d17d;
--color-gold-abundance-300: #dab243;
--color-gold-abundance-400: #c89600;
--color-gold-abundance-500: #b57a00;
--color-gold-abundance-600: #996800;
--color-gold-abundance-700: #7b5300;
--color-gold-abundance-800: #5c3b00;
--color-gold-abundance-900: #412900;
--color-gold-abundance-950: #291600;
}SCSS
$gold-abundance: #f3bc00;
$gold-abundance-rgb: 243, 188, 0;
$gold-abundance-light: mix(#fff, $gold-abundance, 20%);
$gold-abundance-dark: mix(#000, $gold-abundance, 20%);
.element {
color: $gold-abundance;
box-shadow: 0 0 0 2px rgba($gold-abundance, 0.35);
}