Nearest named color · #E0322E
#E0322E
Nearest named color: Bacon Strips
#E0322E (rgb(224 50 46), hsl(1 74% 53%), oklch(0.593 0.21 27.4)) is closest to the named color Bacon Strips. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E0322E
oklch(0.593 0.21 27.4)
Color conversions
- HEX
- #e0322e
- RGB
- rgb(224 50 46)
- HSL
- hsl(1 74% 53%)
- HWB
- hwb(1 18% 12%)
- OKLCH
- oklch(0.593 0.21 27.4)
- OKLab
- oklab(0.593 0.187 0.097)
- CIE Lab
- lab(50.73 66.03 46.67)
- LCH
- lch(50.73 80.86 35.3)
- CMYK
- cmyk(0% 78% 79% 12%)
Tints · Shades · Tones
Tints
- E64F45
- EC665A
- F17B6F
- F58F83
- F9A297
- FCB5AC
- FEC8C0
- FFDAD5
- FFEDEA
Shades
- C32A27
- A6221F
- 8A1B18
- 701412
- 560D0B
- 3E0706
- 270302
- 120101
- 020000
Tones
- D84139
- D04C43
- C7564C
- BF5E54
- B5655C
- AC6C64
- A2716B
- 987772
- 8C7C79
Color harmonies
Complementary +180°
- E0322E
Bacon Strips
- 008F9D
≈ Coral Coast
Analogous -30° +30°
- E0322E
Bacon Strips
- D7307F
≈ Highlighter Lilac
- BB6400
≈ Camel Fur
Triadic +120° +240°
- E0322E
Bacon Strips
- 009838
≈ Peppermint Toad
- 486FF9
≈ Blue Titmouse
Split-complementary +150° +210°
- E0322E
Bacon Strips
- 00937D
≈ Aqua Waters
- 0088C2
≈ Azul Caribe
Tetradic +90° +180° +270°
- E0322E
Bacon Strips
- 798800
≈ Elwynn Forest Olive
- 008F9D
≈ Coral Coast
- 8F57E9
≈ Lavender Indigo
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 32
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--bacon-strips: #e0322e;
--bacon-strips-rgb: 224 50 46;
--bacon-strips-oklch: oklch(0.593 0.21 27.4);
}
.element {
color: var(--bacon-strips);
background-color: hsl(1 74% 53%);
border-color: oklch(0.593 0.21 27.4);
}Tailwind CSS v4
@theme {
--color-bacon-strips: #e0322e;
--color-bacon-strips-50: #ffdfd2;
--color-bacon-strips-100: #ffcebf;
--color-bacon-strips-200: #ffb19f;
--color-bacon-strips-300: #ff8976;
--color-bacon-strips-400: #ff6055;
--color-bacon-strips-500: #f22b2a;
--color-bacon-strips-600: #cc2826;
--color-bacon-strips-700: #a4211e;
--color-bacon-strips-800: #7b1418;
--color-bacon-strips-900: #570e0f;
--color-bacon-strips-950: #3a0003;
}SCSS
$bacon-strips: #e0322e;
$bacon-strips-rgb: 224, 50, 46;
$bacon-strips-light: mix(#fff, $bacon-strips, 20%);
$bacon-strips-dark: mix(#000, $bacon-strips, 20%);
.element {
color: $bacon-strips;
box-shadow: 0 0 0 2px rgba($bacon-strips, 0.35);
}