Couleur nommée la plus proche · #DA3B34
#DA3B34
Couleur nommée la plus proche: Bacon Strips
#DA3B34 (rgb(218 59 52), hsl(3 69% 53%), oklch(0.591 0.197 27.6)) est la plus proche de la couleur nommée Bacon Strips. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DA3B34
oklch(0.591 0.197 27.6)
Conversions de couleur
- HEX
- #da3b34
- RGB
- rgb(218 59 52)
- HSL
- hsl(3 69% 53%)
- HWB
- hwb(3 20% 15%)
- OKLCH
- oklch(0.591 0.197 27.6)
- OKLab
- oklab(0.591 0.175 0.091)
- CIE Lab
- lab(50.62 61.69 42.84)
- LCH
- lch(50.62 75.11 34.8)
- CMYK
- cmyk(0% 73% 76% 15%)
Teintes · Ombres · Tons
Teintes
- E1544A
- E76A5E
- EC7E72
- F19186
- F5A499
- F9B6AD
- FBC9C1
- FDDBD6
- FFEDEA
Ombres
- BD322C
- A22924
- 87211C
- 6C1915
- 54110E
- 3C0907
- 250403
- 110101
- 020000
Tons
- D2473E
- CB5147
- C3594F
- BB6057
- B2675E
- A96D65
- A0726C
- 967773
- 8B7C79
Harmonies de couleurs
Complémentaire +180°
- DA3B34
Bacon Strips
- 008E9D
≈ Coral Coast
Analogue -30° +30°
- DA3B34
Bacon Strips
- D2397E
≈ Pink Yarrow
- BA6400
≈ Camel Fur
Triadique +120° +240°
- DA3B34
Bacon Strips
- 009739
≈ Peppermint Toad
- 4B71F1
≈ Blue Öyster Cult
Complémentaire divisée +150° +210°
- DA3B34
Bacon Strips
- 00927D
≈ Aqua Waters
- 0087C1
≈ Forget-Me-Not
Tétradique +90° +180° +270°
- DA3B34
Bacon Strips
- 788700
≈ Elwynn Forest Olive
- 008E9D
≈ Coral Coast
- 8E5AE1
≈ Gloomy Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.51:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.65:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--bacon-strips: #da3b34;
--bacon-strips-rgb: 218 59 52;
--bacon-strips-oklch: oklch(0.591 0.197 27.6);
}
.element {
color: var(--bacon-strips);
background-color: hsl(3 69% 53%);
border-color: oklch(0.591 0.197 27.6);
}Tailwind CSS v4
@theme {
--color-bacon-strips: #da3b34;
--color-bacon-strips-50: #ffe1d4;
--color-bacon-strips-100: #ffd0c2;
--color-bacon-strips-200: #ffb3a3;
--color-bacon-strips-300: #ff8d7a;
--color-bacon-strips-400: #fd665a;
--color-bacon-strips-500: #ec3833;
--color-bacon-strips-600: #c8322c;
--color-bacon-strips-700: #a12823;
--color-bacon-strips-800: #781b1b;
--color-bacon-strips-900: #551211;
--color-bacon-strips-950: #390304;
}SCSS
$bacon-strips: #da3b34;
$bacon-strips-rgb: 218, 59, 52;
$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);
}