Benannte Farbe · #B6743B
Saucy Gold
Saucy Gold ist #B6743B: rgb(182 116 59), hsl(28 51% 47%), oklch(0.618 0.11 59.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Saucy Gold color name →
#B6743B
oklch(0.618 0.11 59.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- BE8250
- C68F64
- CD9D77
- D5AB8B
- DCB99E
- E3C7B1
- EBD5C4
- F1E3D8
- F8F1EB
Shades
- 9E6432
- 865429
- 6F4521
- 593719
- 442911
- 301B09
- 1D0F04
- 0C0501
- 020100
Tones
- B17644
- AC774C
- A77954
- A27A5B
- 9C7B62
- 977C68
- 917D6E
- 8C7E74
- 867F7A
Farbharmonien
Komplementär +180°
- B6743B
Saucy Gold
- 3C8EC1
≈ Quiet Night
Analog -30° +30°
- B6743B
Saucy Gold
- BF6A5E
≈ Tapestry Red
- A08229
≈ Hacienda
Triadisch +120° +240°
- B6743B
Saucy Gold
- 0F9B87
≈ Flamboyant Teal
- 8F76BE
≈ Middle Blue Purple
Geteilt komplementär +150° +210°
- B6743B
Saucy Gold
- 0097A8
≈ Aquarium Diver
- 6B82C8
≈ Livid
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.78:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.55:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
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);
}