Colore con nome · #A47552
Balthasar Gold
Balthasar Gold è #A47552: rgb(164 117 82), hsl(26 33% 48%), oklch(0.602 0.077 57.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Balthasar Gold color name →
#A47552
oklch(0.602 0.077 57.3)
Conversioni di colore
- HEX
- #a47552
- RGB
- rgb(164 117 82)
- HSL
- hsl(26 33% 48%)
- HWB
- hwb(26 32% 36%)
- OKLCH
- oklch(0.602 0.077 57.3)
- OKLab
- oklab(0.602 0.042 0.065)
- CIE Lab
- lab(53.52 15.94 26.96)
- LCH
- lch(53.52 31.32 59.4)
- CMYK
- cmyk(0% 29% 50% 36%)
Tinte · Ombre · Toni
Tinte
- AD8263
- B79073
- C09D84
- C9AB95
- D2B8A6
- DBC6B8
- E4D4C9
- EDE2DB
- F6F1ED
Ombre
- 8E6546
- 79553B
- 64462F
- 503725
- 3D291A
- 2B1C11
- 1A0F08
- 0A0502
- 010100
Toni
- A17657
- 9D785C
- 9A7961
- 967A66
- 937B6A
- 8F7C6F
- 8C7D73
- 887E78
- 847F7C
Armonie di colore
Complementare +180°
- A47552
Balthasar Gold
- 5288A9
≈ Safe Haven
Analogo -30° +30°
- A47552
Balthasar Gold
- AA6F67
≈ Coral Tree
- 947E49
≈ Raked Leaves
Triadico +120° +240°
- A47552
Balthasar Gold
- 489080
≈ Lochinvar
- 8677A9
≈ Grape Parfait
Complementare divisa +150° +210°
- A47552
Balthasar Gold
- 418E98
≈ Aqueous
- 6C7FAF
≈ Marvellous
Tetradico +90° +180° +270°
- A47552
Balthasar Gold
- 618E66
≈ Succulent Leaves
- 5288A9
≈ Safe Haven
- 9A7099
≈ Scotch Thistle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.00:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.24:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--balthasar-gold: #a47552;
--balthasar-gold-rgb: 164 117 82;
--balthasar-gold-oklch: oklch(0.602 0.077 57.3);
}
.element {
color: var(--balthasar-gold);
background-color: hsl(26 33% 48%);
border-color: oklch(0.602 0.077 57.3);
}Tailwind CSS v4
@theme {
--color-balthasar-gold: #a47552;
--color-balthasar-gold-50: #fff1e0;
--color-balthasar-gold-100: #fce2cf;
--color-balthasar-gold-200: #eecdb4;
--color-balthasar-gold-300: #d6af90;
--color-balthasar-gold-400: #c29371;
--color-balthasar-gold-500: #ad7952;
--color-balthasar-gold-600: #926746;
--color-balthasar-gold-700: #755238;
--color-balthasar-gold-800: #573b28;
--color-balthasar-gold-900: #3d291b;
--color-balthasar-gold-950: #26160b;
}SCSS
$balthasar-gold: #a47552;
$balthasar-gold-rgb: 164, 117, 82;
$balthasar-gold-light: mix(#fff, $balthasar-gold, 20%);
$balthasar-gold-dark: mix(#000, $balthasar-gold, 20%);
.element {
color: $balthasar-gold;
box-shadow: 0 0 0 2px rgba($balthasar-gold, 0.35);
}