Colore con nome · #873D30
Boxcar
Boxcar è #873D30: rgb(135 61 48), hsl(9 48% 36%), oklch(0.455 0.105 31.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Boxcar color name →
#873D30
oklch(0.455 0.105 31.6)
Conversioni di colore
- HEX
- #873d30
- RGB
- rgb(135 61 48)
- HSL
- hsl(9 48% 36%)
- HWB
- hwb(9 19% 47%)
- OKLCH
- oklch(0.455 0.105 31.6)
- OKLab
- oklab(0.455 0.089 0.055)
- CIE Lab
- lab(35.82 31.6 23.82)
- LCH
- lch(35.82 39.57 37)
- CMYK
- cmyk(0% 55% 64% 47%)
Tinte · Ombre · Toni
Tinte
- 945043
- A16357
- AD756A
- BA887E
- C69B93
- D1AFA8
- DDC2BD
- E9D6D3
- F4EBE9
Ombre
- 753428
- 632B21
- 51221A
- 411A13
- 31120C
- 210A06
- 130403
- 060101
- 010000
Toni
- 874538
- 884C40
- 875348
- 875950
- 876058
- 866760
- 856D68
- 847370
- 827A78
Armonie di colore
Complementare +180°
- 873D30
Boxcar
- 006270
≈ Blue Lagoon
Analogo -30° +30°
- 873D30
Boxcar
- 843A52
≈ Camelot
- 7F4701
≈ Dried Mustard
Triadico +120° +240°
- 873D30
Boxcar
- 1C6738
≈ Bucolic
- 425190
≈ Demon Blue
Complementare divisa +150° +210°
- 873D30
Boxcar
- 00655A
≈ Arizona Stone
- 075C8B
≈ Buccaneer Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.66:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.74:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.66:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--boxcar: #873d30;
--boxcar-rgb: 135 61 48;
--boxcar-oklch: oklch(0.455 0.105 31.6);
}
.element {
color: var(--boxcar);
background-color: hsl(9 48% 36%);
border-color: oklch(0.455 0.105 31.6);
}Tailwind CSS v4
@theme {
--color-boxcar: #873d30;
--color-boxcar-50: #ffebe2;
--color-boxcar-100: #ffdcd1;
--color-boxcar-200: #fec5b7;
--color-boxcar-300: #e8a495;
--color-boxcar-400: #d58778;
--color-boxcar-500: #c16a5a;
--color-boxcar-600: #a35a4c;
--color-boxcar-700: #83483d;
--color-boxcar-800: #62332d;
--color-boxcar-900: #44231e;
--color-boxcar-950: #2c120e;
}SCSS
$boxcar: #873d30;
$boxcar-rgb: 135, 61, 48;
$boxcar-light: mix(#fff, $boxcar, 20%);
$boxcar-dark: mix(#000, $boxcar, 20%);
.element {
color: $boxcar;
box-shadow: 0 0 0 2px rgba($boxcar, 0.35);
}