Colore con nome · #8B3643
Rushing Red
Rushing Red è #8B3643: rgb(139 54 67), hsl(351 44% 38%), oklch(0.455 0.116 13.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rushing Red color name →
#8B3643
oklch(0.455 0.116 13.7)
Conversioni di colore
- HEX
- #8b3643
- RGB
- rgb(139 54 67)
- HSL
- hsl(351 44% 38%)
- HWB
- hwb(351 21% 45%)
- OKLCH
- oklch(0.455 0.116 13.7)
- OKLab
- oklab(0.455 0.113 0.027)
- CIE Lab
- lab(35.46 37.71 11.63)
- LCH
- lch(35.46 39.46 17.1)
- CMYK
- cmyk(0% 61% 52% 45%)
Tinte · Ombre · Toni
Tinte
- 984A54
- A55E65
- B17177
- BD8589
- C9989C
- D4ACAF
- DFC1C3
- EAD5D6
- F5EAEB
Ombre
- 782E39
- 66252F
- 541E26
- 43161D
- 320F14
- 23080C
- 140305
- 070101
- 010000
Toni
- 8B3F49
- 8B474F
- 8B4F55
- 8A565B
- 895D61
- 886467
- 876B6D
- 857273
- 83797A
Armonie di colore
Complementare +180°
- 8B3643
Rushing Red
- 006463
≈ Emerald Stone
Analogo -30° +30°
- 8B3643
Rushing Red
- 813867
≈ Midnight Aubergine
- 8A3D17
≈ Dusky Orange
Triadico +120° +240°
- 8B3643
Rushing Red
- 3A6415
≈ Rainforest Matcha
- 205795
≈ Suddenly Sapphire
Complementare divisa +150° +210°
- 8B3643
Rushing Red
- 006747
≈ Greens
- 006079
≈ Blue-Collar
Tetradico +90° +180° +270°
- 8B3643
Rushing Red
- 605800
≈ Ayahuasca Vine
- 006463
≈ Emerald Stone
- 504B94
≈ Liberty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.75:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.70:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.75:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--rushing-red: #8b3643;
--rushing-red-rgb: 139 54 67;
--rushing-red-oklch: oklch(0.455 0.116 13.7);
}
.element {
color: var(--rushing-red);
background-color: hsl(351 44% 38%);
border-color: oklch(0.455 0.116 13.7);
}Tailwind CSS v4
@theme {
--color-rushing-red: #8b3643;
--color-rushing-red-50: #ffe8ea;
--color-rushing-red-100: #ffd9db;
--color-rushing-red-200: #ffc1c4;
--color-rushing-red-300: #ed9fa3;
--color-rushing-red-400: #da818a;
--color-rushing-red-500: #c6626f;
--color-rushing-red-600: #a8545e;
--color-rushing-red-700: #87434b;
--color-rushing-red-800: #643038;
--color-rushing-red-900: #462026;
--color-rushing-red-950: #2d1015;
}SCSS
$rushing-red: #8b3643;
$rushing-red-rgb: 139, 54, 67;
$rushing-red-light: mix(#fff, $rushing-red, 20%);
$rushing-red-dark: mix(#000, $rushing-red, 20%);
.element {
color: $rushing-red;
box-shadow: 0 0 0 2px rgba($rushing-red, 0.35);
}