Colore con nome · #A32E1D
Sugo Della Nonna
Sugo Della Nonna è #A32E1D: rgb(163 46 29), hsl(8 70% 38%), oklch(0.48 0.156 31.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sugo Della Nonna color name →
#A32E1D
oklch(0.48 0.156 31.3)
Conversioni di colore
- HEX
- #a32e1d
- RGB
- rgb(163 46 29)
- HSL
- hsl(8 70% 38%)
- HWB
- hwb(8 11% 36%)
- OKLCH
- oklch(0.48 0.156 31.3)
- OKLab
- oklab(0.48 0.133 0.081)
- CIE Lab
- lab(38.17 47.97 39.08)
- LCH
- lch(38.17 61.87 39.2)
- CMYK
- cmyk(0% 72% 82% 36%)
Tinte · Ombre · Toni
Tinte
- AF4635
- BA5C4B
- C47061
- CE8577
- D7998D
- E0ADA3
- E9C1B9
- F1D6D0
- F8EAE7
Ombre
- 8D2718
- 781F13
- 63180E
- 4F1209
- 3C0B05
- 2A0603
- 190201
- 0A0100
- 010000
Toni
- A13A2A
- 9F4435
- 9C4D3F
- 9A5549
- 975D52
- 93655C
- 8F6C65
- 8B736E
- 867977
Armonie di colore
Complementare +180°
- A32E1D
Sugo Della Nonna
- 006A78
≈ Mary Blue
Analogo -30° +30°
- A32E1D
Sugo Della Nonna
- 9E2A58
≈ Thorne Wines
- 894C00
≈ Brown Eyed Girl
Triadico +120° +240°
- A32E1D
Sugo Della Nonna
- 007135
≈ Column of Oak Green
- 4052B4
≈ Blasphemous Blue
Complementare divisa +150° +210°
- A32E1D
Sugo Della Nonna
- 006D60
≈ Forest Splendour
- 006396
≈ Craving Cobalt
Tetradico +90° +180° +270°
- A32E1D
Sugo Della Nonna
- 546700
≈ Serrano Pepper
- 006A78
≈ Mary Blue
- 6E41A6
≈ Poppy Pompadour
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.08:1 · APCA Lc 83
Ag
FailSu nero
WCAG 2.96:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--sugo-della-nonna: #a32e1d;
--sugo-della-nonna-rgb: 163 46 29;
--sugo-della-nonna-oklch: oklch(0.48 0.156 31.3);
}
.element {
color: var(--sugo-della-nonna);
background-color: hsl(8 70% 38%);
border-color: oklch(0.48 0.156 31.3);
}Tailwind CSS v4
@theme {
--color-sugo-della-nonna: #a32e1d;
--color-sugo-della-nonna-50: #ffe6d9;
--color-sugo-della-nonna-100: #ffd6c6;
--color-sugo-della-nonna-200: #ffbca9;
--color-sugo-della-nonna-300: #fc9982;
--color-sugo-della-nonna-400: #ec7763;
--color-sugo-della-nonna-500: #da543f;
--color-sugo-della-nonna-600: #b84937;
--color-sugo-della-nonna-700: #943a2b;
--color-sugo-della-nonna-800: #6e2820;
--color-sugo-della-nonna-900: #4e1b15;
--color-sugo-della-nonna-950: #330b07;
}SCSS
$sugo-della-nonna: #a32e1d;
$sugo-della-nonna-rgb: 163, 46, 29;
$sugo-della-nonna-light: mix(#fff, $sugo-della-nonna, 20%);
$sugo-della-nonna-dark: mix(#000, $sugo-della-nonna, 20%);
.element {
color: $sugo-della-nonna;
box-shadow: 0 0 0 2px rgba($sugo-della-nonna, 0.35);
}