Colore con nome · #B59410
Faint Gold
Faint Gold è #B59410: rgb(181 148 16), hsl(48 84% 39%), oklch(0.678 0.135 92.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Faint Gold color name →
#B59410
oklch(0.678 0.135 92.4)
Conversioni di colore
- HEX
- #b59410
- RGB
- rgb(181 148 16)
- HSL
- hsl(48 84% 39%)
- HWB
- hwb(48 6% 29%)
- OKLCH
- oklch(0.678 0.135 92.4)
- OKLab
- oklab(0.678 -0.006 0.135)
- CIE Lab
- lab(62.96 4.47 63.9)
- LCH
- lch(62.96 64.06 86)
- CMYK
- cmyk(0% 18% 91% 29%)
Tinte · Ombre · Toni
Tinte
- BC9F3B
- C4A955
- CBB46D
- D2BF83
- DACA98
- E1D4AD
- E8DFC1
- F0EAD6
- F7F4EA
Ombre
- 9D800C
- 866D09
- 6F5A06
- 594804
- 443602
- 302601
- 1D1600
- 0C0800
- 020100
Toni
- B0922B
- AA913B
- A58F48
- 9F8D52
- 9A8B5B
- 958964
- 90876B
- 8A8573
- 85827A
Armonie di colore
Complementare +180°
- B59410
Faint Gold
- 7B90EB
≈ Perrywinkle
Analogo -30° +30°
- B59410
Faint Gold
- D28230
≈ Yellow Mandarin
- 89A43B
≈ Biology Experiments
Triadico +120° +240°
- B59410
Faint Gold
- 00AAC2
≈ Sarah’s Garden
- C876BC
≈ Gulābī Pink
Complementare divisa +150° +210°
- B59410
Faint Gold
- 3CA0E3
≈ Perfect Days
- A882DC
≈ Lavender Blossom
Tetradico +90° +180° +270°
- B59410
Faint Gold
- 00AF9E
≈ Pool Green
- 7B90EB
≈ Perrywinkle
- DA7190
≈ Oxford Sausage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.20:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--faint-gold: #b59410;
--faint-gold-rgb: 181 148 16;
--faint-gold-oklch: oklch(0.678 0.135 92.4);
}
.element {
color: var(--faint-gold);
background-color: hsl(48 84% 39%);
border-color: oklch(0.678 0.135 92.4);
}Tailwind CSS v4
@theme {
--color-faint-gold: #b59410;
--color-faint-gold-50: #fff5ca;
--color-faint-gold-100: #f6e8b5;
--color-faint-gold-200: #e7d491;
--color-faint-gold-300: #ceb662;
--color-faint-gold-400: #bb9b2c;
--color-faint-gold-500: #a68100;
--color-faint-gold-600: #8c6e00;
--color-faint-gold-700: #705800;
--color-faint-gold-800: #543f00;
--color-faint-gold-900: #3b2c00;
--color-faint-gold-950: #251900;
}SCSS
$faint-gold: #b59410;
$faint-gold-rgb: 181, 148, 16;
$faint-gold-light: mix(#fff, $faint-gold, 20%);
$faint-gold-dark: mix(#000, $faint-gold, 20%);
.element {
color: $faint-gold;
box-shadow: 0 0 0 2px rgba($faint-gold, 0.35);
}