最接近的命名颜色 · #E91A2F
#E91A2F
最接近的命名颜色: Transfusion
#E91A2F（rgb(233 26 47)、hsl(354 82% 51%)、oklch(0.596 0.231 24.6)）最接近命名颜色 Transfusion。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E91A2F
oklch(0.596 0.231 24.6)
颜色转换
- HEX
- #e91a2f
- RGB
- rgb(233 26 47)
- HSL
- hsl(354 82% 51%)
- HWB
- hwb(354 10% 9%)
- OKLCH
- oklch(0.596 0.231 24.6)
- OKLab
- oklab(0.596 0.21 0.096)
- CIE Lab
- lab(50.74 73.49 46.91)
- LCH
- lch(50.74 87.18 32.6)
- CMYK
- cmyk(0% 89% 80% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EF4346
- F45E5B
- F8756F
- FC8B84
- FF9F98
- FFB3AC
- FFC6C1
- FFD9D5
- FFECEA
深色调
- CB1527
- AD1020
- 900C19
- 740712
- 5A040C
- 410206
- 290103
- 130001
- 030000
灰色调
- E0343A
- D74344
- CE4F4C
- C55955
- BB625C
- B06964
- A5706B
- 9A7672
- 8E7B79
配色和谐
互补色 +180°
- E91A2F
Transfusion
- 00909B
≈ Coral Coast
类似色 -30° +30°
- E91A2F
Transfusion
- DD1E87
≈ Myoga Purple
- C06200
≈ Crema
三角配色 +120° +240°
- E91A2F
Transfusion
- 009A25
≈ Turf Master
- 3B71FF
≈ Hailey Blue
分裂互补色 +150° +210°
- E91A2F
Transfusion
- 00947B
≈ Aqua Waters
- 0089BE
≈ Mermaid Dreams
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.51:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--transfusion: #e91a2f;
--transfusion-rgb: 233 26 47;
--transfusion-oklch: oklch(0.596 0.231 24.6);
}
.element {
color: var(--transfusion);
background-color: hsl(354 82% 51%);
border-color: oklch(0.596 0.231 24.6);
}Tailwind CSS v4
@theme {
--color-transfusion: #e91a2f;
--color-transfusion-50: #ffdcd2;
--color-transfusion-100: #ffcabf;
--color-transfusion-200: #ffab9f;
--color-transfusion-300: #ff8175;
--color-transfusion-400: #ff5455;
--color-transfusion-500: #fb002b;
--color-transfusion-600: #d40926;
--color-transfusion-700: #ab0b1e;
--color-transfusion-800: #800418;
--color-transfusion-900: #5a0510;
--color-transfusion-950: #3d0003;
}SCSS
$transfusion: #e91a2f;
$transfusion-rgb: 233, 26, 47;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}