命名颜色 · #BC393B
Bang
Bang 即 #BC393B：rgb(188 57 59)、hsl(359 53% 48%)、oklch(0.539 0.168 24)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Bang color name →
#BC393B
oklch(0.539 0.168 24)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- C5504E
- CE6561
- D67974
- DE8C87
- E59F9A
- EBB2AE
- F1C5C2
- F6D9D6
- FBECEA
深色调
- A33032
- 8B2829
- 731F21
- 5D1719
- 471011
- 320909
- 1F0404
- 0D0101
- 020000
灰色调
- B84443
- B34D4A
- AE5551
- A95C58
- A3635F
- 9D6966
- 976F6C
- 907573
- 887B79
配色和谐
互补色 +180°
- BC393B
Bang
- 007D87
≈ Cote D’Azur
类似色 -30° +30°
- BC393B
Bang
- B33975
≈ Fuchsia Red
- A85400
≈ Windsor Brown
三角配色 +120° +240°
- BC393B
Bang
- 128520
≈ Fatal Fields
- 3A67CE
≈ God of Rain
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.54:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.78:1 · APCA Lc 25
最佳文字颜色: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
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);
}