Benannte Farbe · #86493F
Spice of Life
Spice of Life ist #86493F: rgb(134 73 63), hsl(8 36% 39%), oklch(0.477 0.085 30.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Spice of Life color name →
#86493F
oklch(0.477 0.085 30.4)
Farbumrechnungen
- HEX
- #86493f
- RGB
- rgb(134 73 63)
- HSL
- hsl(8 36% 39%)
- HWB
- hwb(8 25% 47%)
- OKLCH
- oklch(0.477 0.085 30.4)
- OKLab
- oklab(0.477 0.074 0.043)
- CIE Lab
- lab(38.52 25.73 17.99)
- LCH
- lch(38.52 31.4 35)
- CMYK
- cmyk(0% 46% 53% 47%)
Tints · Shades · Tones
Tints
- 935A51
- 9F6C62
- AB7D75
- B88F87
- C4A19A
- D0B3AE
- DCC6C2
- E8D9D6
- F3ECEA
Shades
- 743E35
- 62342C
- 512A23
- 40201B
- 301712
- 210E0A
- 130604
- 060201
- 010000
Tones
- 864F46
- 86554C
- 865A52
- 866059
- 85655F
- 856B66
- 84706C
- 837573
- 817B79
Farbharmonien
Komplementär +180°
- 86493F
Spice of Life
- 006976
≈ Cotton Indigo
Analog -30° +30°
- 86493F
Spice of Life
- 83475A
≈ Frenzied Red
- 7F5026
≈ Valise
Triadisch +120° +240°
- 86493F
Spice of Life
- 356A43
≈ Genever Green
- 4A5A8D
≈ Gem
Geteilt komplementär +150° +210°
- 86493F
Spice of Life
- 046C5F
≈ Pacific Queen
- 286288
≈ Copenhagen Blue
Tetradisch +90° +180° +270°
- 86493F
Spice of Life
- 566428
≈ Tabbouleh Green
- 006976
≈ Cotton Indigo
- 645185
≈ Zimidar
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.91:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.03:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--spice-of-life: #86493f;
--spice-of-life-rgb: 134 73 63;
--spice-of-life-oklch: oklch(0.477 0.085 30.4);
}
.element {
color: var(--spice-of-life);
background-color: hsl(8 36% 39%);
border-color: oklch(0.477 0.085 30.4);
}Tailwind CSS v4
@theme {
--color-spice-of-life: #86493f;
--color-spice-of-life-50: #ffede6;
--color-spice-of-life-100: #ffded6;
--color-spice-of-life-200: #f6c8be;
--color-spice-of-life-300: #e0a89c;
--color-spice-of-life-400: #cc8c80;
--color-spice-of-life-500: #b87064;
--color-spice-of-life-600: #9b5f55;
--color-spice-of-life-700: #7d4c44;
--color-spice-of-life-800: #5c3731;
--color-spice-of-life-900: #412522;
--color-spice-of-life-950: #291411;
}SCSS
$spice-of-life: #86493f;
$spice-of-life-rgb: 134, 73, 63;
$spice-of-life-light: mix(#fff, $spice-of-life, 20%);
$spice-of-life-dark: mix(#000, $spice-of-life, 20%);
.element {
color: $spice-of-life;
box-shadow: 0 0 0 2px rgba($spice-of-life, 0.35);
}