Named color · #BC4E40
Chilli Sauce
Chilli Sauce is #BC4E40: rgb(188 78 64), hsl(7 49% 49%), oklch(0.565 0.145 29.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Chilli Sauce color name →
#BC4E40
oklch(0.565 0.145 29.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C56153
- CD7365
- D58478
- DC968A
- E3A79D
- E9B9B0
- F0CAC4
- F5DCD7
- FAEDEB
Shades
- A34336
- 8B382D
- 732D24
- 5D231B
- 471913
- 320F0B
- 1F0705
- 0D0201
- 020000
Tones
- B75547
- B25B4E
- AD6055
- A7665B
- A26B62
- 9C6F68
- 95746E
- 8F7874
- 887C7A
Color harmonies
Complementary +180°
- BC4E40
Chilli Sauce
- 008595
≈ Painted Sea
Analogous -30° +30°
- BC4E40
Chilli Sauce
- B74B73
≈ Royal Heath
- AD5F00
≈ Orange Brown
Triadic +120° +240°
- BC4E40
Chilli Sauce
- 1E8D44
≈ Grass Court
- 556ECA
≈ Cornflower
Split-complementary +150° +210°
- BC4E40
Chilli Sauce
- 008978
≈ Emerald Enchantment
- 007EB9
≈ Meissen Blue
Tetradic +90° +180° +270°
- BC4E40
Chilli Sauce
- 6D8000
≈ Verde Tropa
- 008595
≈ Painted Sea
- 835FBE
≈ Lusty Lavender
Contrast & accessibility
Ag
AAOn white
WCAG 4.88:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.30:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
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);
}