最接近的命名颜色 · #DA3B34
#DA3B34
最接近的命名颜色: Bacon Strips
#DA3B34（rgb(218 59 52)、hsl(3 69% 53%)、oklch(0.591 0.197 27.6)）最接近命名颜色 Bacon Strips。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DA3B34
oklch(0.591 0.197 27.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- E1544A
- E76A5E
- EC7E72
- F19186
- F5A499
- F9B6AD
- FBC9C1
- FDDBD6
- FFEDEA
深色调
- BD322C
- A22924
- 87211C
- 6C1915
- 54110E
- 3C0907
- 250403
- 110101
- 020000
灰色调
- D2473E
- CB5147
- C3594F
- BB6057
- B2675E
- A96D65
- A0726C
- 967773
- 8B7C79
配色和谐
互补色 +180°
- DA3B34
Bacon Strips
- 008E9D
≈ Coral Coast
类似色 -30° +30°
- DA3B34
Bacon Strips
- D2397E
≈ Pink Yarrow
- BA6400
≈ Camel Fur
三角配色 +120° +240°
- DA3B34
Bacon Strips
- 009739
≈ Peppermint Toad
- 4B71F1
≈ Blue Öyster Cult
分裂互补色 +150° +210°
- DA3B34
Bacon Strips
- 00927D
≈ Aqua Waters
- 0087C1
≈ Forget-Me-Not
四角配色 +90° +180° +270°
- DA3B34
Bacon Strips
- 788700
≈ Elwynn Forest Olive
- 008E9D
≈ Coral Coast
- 8E5AE1
≈ Gloomy Purple
对比度与无障碍
Ag
AA白底
WCAG 4.51:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
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);
}