Nearest named color · #B30014
#B30014
Nearest named color: Chorizo
#B30014 (rgb(179 0 20), hsl(353 100% 35%), oklch(0.482 0.196 26.5)) is closest to the named color Chorizo. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B30014
oklch(0.482 0.196 26.5)
Color conversions
- HEX
- #b30014
- RGB
- rgb(179 0 20)
- HSL
- hsl(353 100% 35%)
- HWB
- hwb(353 0% 30%)
- OKLCH
- oklch(0.482 0.196 26.5)
- OKLab
- oklab(0.482 0.176 0.088)
- CIE Lab
- lab(37.97 62.13 45.24)
- LCH
- lch(37.97 76.86 36.1)
- CMYK
- cmyk(0% 100% 89% 30%)
Tints · Shades · Tones
Tints
- BE3330
- C84E47
- D2665D
- DB7D74
- E3938A
- EAA9A1
- F0BEB8
- F6D4CF
- FBE9E7
Shades
- 9B0010
- 84000C
- 6E0008
- 580005
- 430003
- 2F0001
- 1D0001
- 0C0000
- 010000
Tones
- B02324
- AD3530
- A9423B
- A54D46
- A05750
- 9B605A
- 966963
- 8F716D
- 887976
Color harmonies
Complementary +180°
- B30014
Chorizo
- 006B75
≈ Toadstool Teal
Analogous -30° +30°
- B30014
Chorizo
- AB0261
≈ Velvet Cupcake
- 8E4900
≈ Parasite Brown
Triadic +120° +240°
- B30014
Chorizo
- 007324
≈ Clear Green
- 2B4FCB
≈ New Car
Split-complementary +150° +210°
- B30014
Chorizo
- 006E5D
≈ Forest Splendour
- 006691
≈ Kingfisher Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.17:1 · APCA Lc 82
Ag
FailOn black
WCAG 2.92:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--chorizo: #b30014;
--chorizo-rgb: 179 0 20;
--chorizo-oklch: oklch(0.482 0.196 26.5);
}
.element {
color: var(--chorizo);
background-color: hsl(353 100% 35%);
border-color: oklch(0.482 0.196 26.5);
}Tailwind CSS v4
@theme {
--color-chorizo: #b30014;
--color-chorizo-50: #ffe1d6;
--color-chorizo-100: #ffcfc3;
--color-chorizo-200: #ffb3a4;
--color-chorizo-300: #ff8c7d;
--color-chorizo-400: #fd665d;
--color-chorizo-500: #ec3837;
--color-chorizo-600: #c73230;
--color-chorizo-700: #a02826;
--color-chorizo-800: #781b1d;
--color-chorizo-900: #551213;
--color-chorizo-950: #390305;
}SCSS
$chorizo: #b30014;
$chorizo-rgb: 179, 0, 20;
$chorizo-light: mix(#fff, $chorizo, 20%);
$chorizo-dark: mix(#000, $chorizo, 20%);
.element {
color: $chorizo;
box-shadow: 0 0 0 2px rgba($chorizo, 0.35);
}