Benannte Farbe · #664942
Spiced Wine
Spiced Wine ist #664942: rgb(102 73 66), hsl(12 21% 33%), oklch(0.435 0.042 34). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Spiced Wine color name →
#664942
oklch(0.435 0.042 34)
Farbumrechnungen
- HEX
- #664942
- RGB
- rgb(102 73 66)
- HSL
- hsl(12 21% 33%)
- HWB
- hwb(12 26% 60%)
- OKLCH
- oklch(0.435 0.042 34)
- OKLab
- oklab(0.435 0.035 0.023)
- CIE Lab
- lab(34.11 11.96 9.33)
- LCH
- lch(34.11 15.17 37.9)
- CMYK
- cmyk(0% 28% 35% 60%)
Tints · Shades · Tones
Tints
- 755953
- 836A64
- 927C76
- A18D89
- B09F9B
- C0B2AF
- CFC5C2
- DFD8D6
- EFEBEA
Shades
- 583E38
- 4A342F
- 3C2A25
- 2F201C
- 231714
- 170E0B
- 0C0605
- 040201
- 000000
Tones
- 694E48
- 6C544E
- 6E5954
- 715F5A
- 746460
- 766A67
- 796F6D
- 7B7573
- 7E7A7A
Farbharmonien
Komplementär +180°
- 664942
Spiced Wine
- 35575F
≈ Green Moonstone
Analog -30° +30°
- 664942
Spiced Wine
- 65484E
≈ Gǔ Tóng Hēi Copper
- 624C39
≈ Black Power
Triadisch +120° +240°
- 664942
Spiced Wine
- 3F5847
≈ Royal Hunter Green
- 4A5068
≈ Vintage Velvet
Geteilt komplementär +150° +210°
- 664942
Spiced Wine
- 365954
≈ Crystal Ball
- 3D5467
≈ Midnight Mosaic
Tetradisch +90° +180° +270°
- 664942
Spiced Wine
- 4C553C
≈ Banksia Leaf
- 35575F
≈ Green Moonstone
- 564C64
≈ Paparazzi
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.08:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.59:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.08:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--spiced-wine: #664942;
--spiced-wine-rgb: 102 73 66;
--spiced-wine-oklch: oklch(0.435 0.042 34);
}
.element {
color: var(--spiced-wine);
background-color: hsl(12 21% 33%);
border-color: oklch(0.435 0.042 34);
}Tailwind CSS v4
@theme {
--color-spiced-wine: #664942;
--color-spiced-wine-50: #fff1ed;
--color-spiced-wine-100: #f5e3de;
--color-spiced-wine-200: #e5cec8;
--color-spiced-wine-300: #ccb0a9;
--color-spiced-wine-400: #b6968e;
--color-spiced-wine-500: #a07d74;
--color-spiced-wine-600: #876a62;
--color-spiced-wine-700: #6c544f;
--color-spiced-wine-800: #503d39;
--color-spiced-wine-900: #382a27;
--color-spiced-wine-950: #221815;
}SCSS
$spiced-wine: #664942;
$spiced-wine-rgb: 102, 73, 66;
$spiced-wine-light: mix(#fff, $spiced-wine, 20%);
$spiced-wine-dark: mix(#000, $spiced-wine, 20%);
.element {
color: $spiced-wine;
box-shadow: 0 0 0 2px rgba($spiced-wine, 0.35);
}