Colore con nome · #86493F
Spice of Life
Spice of Life è #86493F: rgb(134 73 63), hsl(8 36% 39%), oklch(0.477 0.085 30.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Spice of Life color name →
#86493F
oklch(0.477 0.085 30.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 935A51
- 9F6C62
- AB7D75
- B88F87
- C4A19A
- D0B3AE
- DCC6C2
- E8D9D6
- F3ECEA
Ombre
- 743E35
- 62342C
- 512A23
- 40201B
- 301712
- 210E0A
- 130604
- 060201
- 010000
Toni
- 864F46
- 86554C
- 865A52
- 866059
- 85655F
- 856B66
- 84706C
- 837573
- 817B79
Armonie di colore
Complementare +180°
- 86493F
Spice of Life
- 006976
≈ Cotton Indigo
Analogo -30° +30°
- 86493F
Spice of Life
- 83475A
≈ Frenzied Red
- 7F5026
≈ Valise
Triadico +120° +240°
- 86493F
Spice of Life
- 356A43
≈ Genever Green
- 4A5A8D
≈ Gem
Complementare divisa +150° +210°
- 86493F
Spice of Life
- 046C5F
≈ Pacific Queen
- 286288
≈ Copenhagen Blue
Tetradico +90° +180° +270°
- 86493F
Spice of Life
- 566428
≈ Tabbouleh Green
- 006976
≈ Cotton Indigo
- 645185
≈ Zimidar
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.91:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.03:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
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);
}