Colore con nome · #A2783B
Victorian Gold
Victorian Gold è #A2783B: rgb(162 120 59), hsl(36 47% 43%), oklch(0.602 0.094 74.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Victorian Gold color name →
#A2783B
oklch(0.602 0.094 74.5)
Conversioni di colore
- HEX
- #a2783b
- RGB
- rgb(162 120 59)
- HSL
- hsl(36 47% 43%)
- HWB
- hwb(36 23% 36%)
- OKLCH
- oklch(0.602 0.094 74.5)
- OKLab
- oklab(0.602 0.025 0.091)
- CIE Lab
- lab(53.78 12.04 39.47)
- LCH
- lch(53.78 41.26 73)
- CMYK
- cmyk(0% 26% 64% 36%)
Tinte · Ombre · Toni
Tinte
- AB8550
- B59263
- BE9F77
- C7AD8A
- D1BA9D
- DAC8B0
- E3D5C4
- ECE3D7
- F6F1EB
Ombre
- 8C6732
- 775729
- 634821
- 4F3919
- 3C2A11
- 2A1D09
- 191004
- 0A0501
- 010100
Toni
- 9F7944
- 9C7A4C
- 987B53
- 957C5B
- 927D61
- 8E7E68
- 8B7E6E
- 877F74
- 847F7A
Armonie di colore
Complementare +180°
- A2783B
Victorian Gold
- 5983B8
≈ Glaucous
Analogo -30° +30°
- A2783B
Victorian Gold
- B06E51
≈ Santa Fe
- 8A843C
≈ Apeland
Triadico +120° +240°
- A2783B
Victorian Gold
- 249292
≈ Atrovirens
- 966FA8
≈ Ce Soir
Complementare divisa +150° +210°
- A2783B
Victorian Gold
- 348CAB
≈ Carol
- 7A79B7
≈ Astro Zinger
Tetradico +90° +180° +270°
- A2783B
Victorian Gold
- 429372
≈ Good Luck
- 5983B8
≈ Glaucous
- A9698E
≈ Cure All
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.97:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.28:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--victorian-gold: #a2783b;
--victorian-gold-rgb: 162 120 59;
--victorian-gold-oklch: oklch(0.602 0.094 74.5);
}
.element {
color: var(--victorian-gold);
background-color: hsl(36 47% 43%);
border-color: oklch(0.602 0.094 74.5);
}Tailwind CSS v4
@theme {
--color-victorian-gold: #a2783b;
--color-victorian-gold-50: #fff2d8;
--color-victorian-gold-100: #fae4c6;
--color-victorian-gold-200: #ecd0a8;
--color-victorian-gold-300: #d3b181;
--color-victorian-gold-400: #c0965d;
--color-victorian-gold-500: #ab7c37;
--color-victorian-gold-600: #906930;
--color-victorian-gold-700: #745426;
--color-victorian-gold-800: #563d1a;
--color-victorian-gold-900: #3c2a11;
--color-victorian-gold-950: #261704;
}SCSS
$victorian-gold: #a2783b;
$victorian-gold-rgb: 162, 120, 59;
$victorian-gold-light: mix(#fff, $victorian-gold, 20%);
$victorian-gold-dark: mix(#000, $victorian-gold, 20%);
.element {
color: $victorian-gold;
box-shadow: 0 0 0 2px rgba($victorian-gold, 0.35);
}