Colore con nome · #B6743B
Saucy Gold
Saucy Gold è #B6743B: rgb(182 116 59), hsl(28 51% 47%), oklch(0.618 0.11 59.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Saucy Gold color name →
#B6743B
oklch(0.618 0.11 59.3)
Conversioni di colore
- HEX
- #b6743b
- RGB
- rgb(182 116 59)
- HSL
- hsl(28 51% 47%)
- HWB
- hwb(28 23% 29%)
- OKLCH
- oklch(0.618 0.11 59.3)
- OKLab
- oklab(0.618 0.056 0.095)
- CIE Lab
- lab(55.27 22.91 41.94)
- LCH
- lch(55.27 47.78 61.4)
- CMYK
- cmyk(0% 36% 68% 29%)
Tinte · Ombre · Toni
Tinte
- BE8250
- C68F64
- CD9D77
- D5AB8B
- DCB99E
- E3C7B1
- EBD5C4
- F1E3D8
- F8F1EB
Ombre
- 9E6432
- 865429
- 6F4521
- 593719
- 442911
- 301B09
- 1D0F04
- 0C0501
- 020100
Toni
- B17644
- AC774C
- A77954
- A27A5B
- 9C7B62
- 977C68
- 917D6E
- 8C7E74
- 867F7A
Armonie di colore
Complementare +180°
- B6743B
Saucy Gold
- 3C8EC1
≈ Quiet Night
Analogo -30° +30°
- B6743B
Saucy Gold
- BF6A5E
≈ Tapestry Red
- A08229
≈ Hacienda
Triadico +120° +240°
- B6743B
Saucy Gold
- 0F9B87
≈ Flamboyant Teal
- 8F76BE
≈ Middle Blue Purple
Complementare divisa +150° +210°
- B6743B
Saucy Gold
- 0097A8
≈ Aquarium Diver
- 6B82C8
≈ Livid
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.78:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.55:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--saucy-gold: #b6743b;
--saucy-gold-rgb: 182 116 59;
--saucy-gold-oklch: oklch(0.618 0.11 59.3);
}
.element {
color: var(--saucy-gold);
background-color: hsl(28 51% 47%);
border-color: oklch(0.618 0.11 59.3);
}Tailwind CSS v4
@theme {
--color-saucy-gold: #b6743b;
--color-saucy-gold-50: #ffefd6;
--color-saucy-gold-100: #ffe0c3;
--color-saucy-gold-200: #f8caa5;
--color-saucy-gold-300: #e1ab7d;
--color-saucy-gold-400: #cf8e59;
--color-saucy-gold-500: #bb7230;
--color-saucy-gold-600: #9e612b;
--color-saucy-gold-700: #7f4d22;
--color-saucy-gold-800: #5f3818;
--color-saucy-gold-900: #42260f;
--color-saucy-gold-950: #2a1403;
}SCSS
$saucy-gold: #b6743b;
$saucy-gold-rgb: 182, 116, 59;
$saucy-gold-light: mix(#fff, $saucy-gold, 20%);
$saucy-gold-dark: mix(#000, $saucy-gold, 20%);
.element {
color: $saucy-gold;
box-shadow: 0 0 0 2px rgba($saucy-gold, 0.35);
}