Colore con nome · #96534C
Marsala
Marsala è #96534C: rgb(150 83 76), hsl(6 33% 44%), oklch(0.519 0.091 26.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Marsala color name →
#96534C
oklch(0.519 0.091 26.9)
Conversioni di colore
- HEX
- #96534c
- RGB
- rgb(150 83 76)
- HSL
- hsl(6 33% 44%)
- HWB
- hwb(6 30% 41%)
- OKLCH
- oklch(0.519 0.091 26.9)
- OKLab
- oklab(0.519 0.081 0.041)
- CIE Lab
- lab(43.4 27.95 17)
- LCH
- lch(43.4 32.71 31.3)
- CMYK
- cmyk(0% 45% 49% 41%)
Tinte · Ombre · Toni
Tinte
- A1635C
- AC746D
- B7857E
- C29690
- CCA7A2
- D7B8B4
- E1C9C6
- EBDBD9
- F5EDEC
Ombre
- 824741
- 6E3B36
- 5B302C
- 492522
- 371B18
- 26110F
- 160806
- 080202
- 010000
Toni
- 955851
- 935D56
- 91615C
- 8F6661
- 8D6B66
- 8B6F6B
- 897370
- 867876
- 837C7B
Armonie di colore
Complementare +180°
- 96534C
Marsala
- 007783
≈ Hypnotic Sea
Analogo -30° +30°
- 96534C
Marsala
- 925169
≈ Vin Rouge
- 905A30
≈ Carrageen Moss
Triadico +120° +240°
- 96534C
Marsala
- 437749
≈ Maidenhair Fern
- 51679D
≈ Electrify
Complementare divisa +150° +210°
- 96534C
Marsala
- 167968
≈ Shady Glade
- 2C7096
≈ Blue Oasis
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.77:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.63:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--marsala: #96534c;
--marsala-rgb: 150 83 76;
--marsala-oklch: oklch(0.519 0.091 26.9);
}
.element {
color: var(--marsala);
background-color: hsl(6 33% 44%);
border-color: oklch(0.519 0.091 26.9);
}Tailwind CSS v4
@theme {
--color-marsala: #96534c;
--color-marsala-50: #ffece6;
--color-marsala-100: #ffddd7;
--color-marsala-200: #f9c6be;
--color-marsala-300: #e2a69d;
--color-marsala-400: #cf8a82;
--color-marsala-500: #bb6e65;
--color-marsala-600: #9e5d56;
--color-marsala-700: #7f4a45;
--color-marsala-800: #5e3532;
--color-marsala-900: #422422;
--color-marsala-950: #2a1311;
}SCSS
$marsala: #96534c;
$marsala-rgb: 150, 83, 76;
$marsala-light: mix(#fff, $marsala, 20%);
$marsala-dark: mix(#000, $marsala, 20%);
.element {
color: $marsala;
box-shadow: 0 0 0 2px rgba($marsala, 0.35);
}