Colore con nome · #882C17
Saucisson
Saucisson è #882C17: rgb(136 44 23), hsl(11 71% 31%), oklch(0.429 0.13 34.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Saucisson color name →
#882C17
oklch(0.429 0.13 34.2)
Conversioni di colore
- HEX
- #882c17
- RGB
- rgb(136 44 23)
- HSL
- hsl(11 71% 31%)
- HWB
- hwb(11 9% 47%)
- OKLCH
- oklch(0.429 0.13 34.2)
- OKLab
- oklab(0.429 0.107 0.073)
- CIE Lab
- lab(32.56 39.13 34.91)
- LCH
- lch(32.56 52.44 41.7)
- CMYK
- cmyk(0% 68% 83% 47%)
Tinte · Ombre · Toni
Tinte
- 96422F
- A35745
- B06C5B
- BC8072
- C89588
- D4A99F
- DFBEB6
- EAD4CE
- F5E9E6
Ombre
- 752512
- 631E0E
- 52170A
- 411106
- 310A04
- 220502
- 130201
- 060100
- 010000
Toni
- 893724
- 89402F
- 89493A
- 895144
- 885A4E
- 886258
- 866962
- 85716C
- 837976
Armonie di colore
Complementare +180°
- 882C17
Saucisson
- 005A69
≈ Captive
Analogo -30° +30°
- 882C17
Saucisson
- 862847
≈ Anemone
- 734200
≈ Dusky Brown
Triadico +120° +240°
- 882C17
Saucisson
- 006033
≈ Ficus Elastica
- 3B4595
≈ Galaxy Express
Complementare divisa +150° +210°
- 882C17
Saucisson
- 005D54
≈ Tidal Pool
- 005485
≈ Grand Bleu
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.67:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.41:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.67:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--saucisson: #882c17;
--saucisson-rgb: 136 44 23;
--saucisson-oklch: oklch(0.429 0.13 34.2);
}
.element {
color: var(--saucisson);
background-color: hsl(11 71% 31%);
border-color: oklch(0.429 0.13 34.2);
}Tailwind CSS v4
@theme {
--color-saucisson: #882c17;
--color-saucisson-50: #ffe9dc;
--color-saucisson-100: #ffd9ca;
--color-saucisson-200: #ffc1ae;
--color-saucisson-300: #f29f89;
--color-saucisson-400: #e0806a;
--color-saucisson-500: #cd6149;
--color-saucisson-600: #ad533e;
--color-saucisson-700: #8b4231;
--color-saucisson-800: #682f24;
--color-saucisson-900: #492018;
--color-saucisson-950: #300f09;
}SCSS
$saucisson: #882c17;
$saucisson-rgb: 136, 44, 23;
$saucisson-light: mix(#fff, $saucisson, 20%);
$saucisson-dark: mix(#000, $saucisson, 20%);
.element {
color: $saucisson;
box-shadow: 0 0 0 2px rgba($saucisson, 0.35);
}