命名颜色 · #BC4E40
Chilli Sauce
Chilli Sauce 即 #BC4E40：rgb(188 78 64)、hsl(7 49% 49%)、oklch(0.565 0.145 29.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Chilli Sauce color name →
#BC4E40
oklch(0.565 0.145 29.6)
颜色转换
- HEX
- #bc4e40
- RGB
- rgb(188 78 64)
- HSL
- hsl(7 49% 49%)
- HWB
- hwb(7 25% 26%)
- OKLCH
- oklch(0.565 0.145 29.6)
- OKLab
- oklab(0.565 0.126 0.072)
- CIE Lab
- lab(48.21 44.57 31.63)
- LCH
- lch(48.21 54.65 35.4)
- CMYK
- cmyk(0% 59% 66% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C56153
- CD7365
- D58478
- DC968A
- E3A79D
- E9B9B0
- F0CAC4
- F5DCD7
- FAEDEB
深色调
- A34336
- 8B382D
- 732D24
- 5D231B
- 471913
- 320F0B
- 1F0705
- 0D0201
- 020000
灰色调
- B75547
- B25B4E
- AD6055
- A7665B
- A26B62
- 9C6F68
- 95746E
- 8F7874
- 887C7A
配色和谐
互补色 +180°
- BC4E40
Chilli Sauce
- 008595
≈ Painted Sea
类似色 -30° +30°
- BC4E40
Chilli Sauce
- B74B73
≈ Royal Heath
- AD5F00
≈ Orange Brown
三角配色 +120° +240°
- BC4E40
Chilli Sauce
- 1E8D44
≈ Grass Court
- 556ECA
≈ Cornflower
分裂互补色 +150° +210°
- BC4E40
Chilli Sauce
- 008978
≈ Emerald Enchantment
- 007EB9
≈ Meissen Blue
四角配色 +90° +180° +270°
- BC4E40
Chilli Sauce
- 6D8000
≈ Verde Tropa
- 008595
≈ Painted Sea
- 835FBE
≈ Lusty Lavender
对比度与无障碍
Ag
AA白底
WCAG 4.88:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.30:1 · APCA Lc 29
最佳文字颜色: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--chilli-sauce: #bc4e40;
--chilli-sauce-rgb: 188 78 64;
--chilli-sauce-oklch: oklch(0.565 0.145 29.6);
}
.element {
color: var(--chilli-sauce);
background-color: hsl(7 49% 49%);
border-color: oklch(0.565 0.145 29.6);
}Tailwind CSS v4
@theme {
--color-chilli-sauce: #bc4e40;
--color-chilli-sauce-50: #ffe7dc;
--color-chilli-sauce-100: #ffd7ca;
--color-chilli-sauce-200: #ffbeae;
--color-chilli-sauce-300: #f89b89;
--color-chilli-sauce-400: #e77a6a;
--color-chilli-sauce-500: #d55949;
--color-chilli-sauce-600: #b44c3f;
--color-chilli-sauce-700: #913d32;
--color-chilli-sauce-800: #6c2b25;
--color-chilli-sauce-900: #4c1d19;
--color-chilli-sauce-950: #320c09;
}SCSS
$chilli-sauce: #bc4e40;
$chilli-sauce-rgb: 188, 78, 64;
$chilli-sauce-light: mix(#fff, $chilli-sauce, 20%);
$chilli-sauce-dark: mix(#000, $chilli-sauce, 20%);
.element {
color: $chilli-sauce;
box-shadow: 0 0 0 2px rgba($chilli-sauce, 0.35);
}