Cor nomeada · #DF3F32
Bacon Strips
Bacon Strips é #DF3F32: rgb(223 63 50), hsl(5 73% 54%), oklch(0.603 0.199 29). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bacon Strips color name →
#DF3F32
oklch(0.603 0.199 29)
Conversões de cor
- HEX
- #df3f32
- RGB
- rgb(223 63 50)
- HSL
- hsl(5 73% 54%)
- HWB
- hwb(5 20% 13%)
- OKLCH
- oklch(0.603 0.199 29)
- OKLab
- oklab(0.603 0.174 0.096)
- CIE Lab
- lab(52.03 61.87 45.69)
- LCH
- lch(52.03 76.91 36.4)
- CMYK
- cmyk(0% 72% 78% 13%)
Tons claros · Sombras · Tons
Tons claros
- E55849
- EB6D5D
- F08171
- F49385
- F8A699
- FBB8AD
- FDCAC1
- FEDCD6
- FFEDEA
Sombras
- C2352A
- A52C22
- 8A231B
- 6F1B14
- 56120D
- 3D0A07
- 270403
- 120101
- 020000
Tons
- D74A3C
- CF5446
- C65B4E
- BD6256
- B4695E
- AB6E65
- A1736C
- 977873
- 8C7C79
Harmonias de cor
Complementar +180°
- DF3F32
Bacon Strips
- 0092A2
≈ Jaded
Análoga -30° +30°
- DF3F32
Bacon Strips
- D73B7E
≈ Pink Yarrow
- BE6800
≈ Camel Fur
Tríade +120° +240°
- DF3F32
Bacon Strips
- 009B42
≈ Green Revolution
- 5273F6
≈ Blue Öyster Cult
Complementar dividida +150° +210°
- DF3F32
Bacon Strips
- 009682
≈ Aqua Waters
- 008AC9
≈ Newport Blue
Tétrade +90° +180° +270°
- DF3F32
Bacon Strips
- 798C00
≈ Canopy
- 0092A2
≈ Jaded
- 945DE5
≈ Lavender Indigo
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.29:1 · APCA Lc 68
Ag
AASobre preto
WCAG 4.89:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.89:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--bacon-strips: #df3f32;
--bacon-strips-rgb: 223 63 50;
--bacon-strips-oklch: oklch(0.603 0.199 29);
}
.element {
color: var(--bacon-strips);
background-color: hsl(5 73% 54%);
border-color: oklch(0.603 0.199 29);
}Tailwind CSS v4
@theme {
--color-bacon-strips: #df3f32;
--color-bacon-strips-50: #ffe1d3;
--color-bacon-strips-100: #ffd0c0;
--color-bacon-strips-200: #ffb3a0;
--color-bacon-strips-300: #ff8d77;
--color-bacon-strips-400: #fe6655;
--color-bacon-strips-500: #ed382b;
--color-bacon-strips-600: #c83227;
--color-bacon-strips-700: #a1281f;
--color-bacon-strips-800: #781a18;
--color-bacon-strips-900: #55110f;
--color-bacon-strips-950: #390203;
}SCSS
$bacon-strips: #df3f32;
$bacon-strips-rgb: 223, 63, 50;
$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);
}