Colore con nome · #BC393B
Bang
Bang è #BC393B: rgb(188 57 59), hsl(359 53% 48%), oklch(0.539 0.168 24). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bang color name →
#BC393B
oklch(0.539 0.168 24)
Conversioni di colore
- HEX
- #bc393b
- RGB
- rgb(188 57 59)
- HSL
- hsl(359 53% 48%)
- HWB
- hwb(359 22% 26%)
- OKLCH
- oklch(0.539 0.168 24)
- OKLab
- oklab(0.539 0.153 0.068)
- CIE Lab
- lab(44.78 53.09 30.56)
- LCH
- lch(44.78 61.25 29.9)
- CMYK
- cmyk(0% 70% 69% 26%)
Tinte · Ombre · Toni
Tinte
- C5504E
- CE6561
- D67974
- DE8C87
- E59F9A
- EBB2AE
- F1C5C2
- F6D9D6
- FBECEA
Ombre
- A33032
- 8B2829
- 731F21
- 5D1719
- 471011
- 320909
- 1F0404
- 0D0101
- 020000
Toni
- B84443
- B34D4A
- AE5551
- A95C58
- A3635F
- 9D6966
- 976F6C
- 907573
- 887B79
Armonie di colore
Complementare +180°
- BC393B
Bang
- 007D87
≈ Cote D’Azur
Analogo -30° +30°
- BC393B
Bang
- B33975
≈ Fuchsia Red
- A85400
≈ Windsor Brown
Triadico +120° +240°
- BC393B
Bang
- 128520
≈ Fatal Fields
- 3A67CE
≈ God of Rain
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.54:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.78:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--bang: #bc393b;
--bang-rgb: 188 57 59;
--bang-oklch: oklch(0.539 0.168 24);
}
.element {
color: var(--bang);
background-color: hsl(359 53% 48%);
border-color: oklch(0.539 0.168 24);
}Tailwind CSS v4
@theme {
--color-bang: #bc393b;
--color-bang-50: #ffe4dc;
--color-bang-100: #ffd3cb;
--color-bang-200: #ffb8af;
--color-bang-300: #ff948a;
--color-bang-400: #f1716d;
--color-bang-500: #df4b4c;
--color-bang-600: #bd4141;
--color-bang-700: #983434;
--color-bang-800: #712427;
--color-bang-900: #50181a;
--color-bang-950: #35080b;
}SCSS
$bang: #bc393b;
$bang-rgb: 188, 57, 59;
$bang-light: mix(#fff, $bang, 20%);
$bang-dark: mix(#000, $bang, 20%);
.element {
color: $bang;
box-shadow: 0 0 0 2px rgba($bang, 0.35);
}