最接近的命名颜色 · #DE0040
#DE0040
最接近的命名颜色: Red Herring
#DE0040（rgb(222 0 64)、hsl(343 100% 44%)、oklch(0.571 0.229 18.2)）最接近命名颜色 Red Herring。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DE0040
oklch(0.571 0.229 18.2)
颜色转换
- HEX
- #de0040
- RGB
- rgb(222 0 64)
- HSL
- hsl(343 100% 44%)
- HWB
- hwb(343 0% 13%)
- OKLCH
- oklch(0.571 0.229 18.2)
- OKLab
- oklab(0.571 0.217 0.071)
- CIE Lab
- lab(47.7 73.68 33)
- LCH
- lch(47.7 80.73 24.1)
- CMYK
- cmyk(0% 100% 71% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E53A53
- EB5765
- F16F78
- F6858A
- FA9A9D
- FDAFB0
- FFC3C3
- FFD7D7
- FFEBEB
深色调
- C10036
- A5002D
- 890024
- 6F001B
- 550013
- 3D000B
- 260005
- 120001
- 020000
灰色调
- D72947
- CF3C4E
- C74955
- BE545B
- B65D62
- AC6668
- A36D6E
- 987474
- 8D7A7A
配色和谐
互补色 +180°
- DE0040
Red Herring
- 00898C
≈ Industrial Blue
类似色 -30° +30°
- DE0040
Red Herring
- CE188E
≈ Purple Heart Kiwi
- BD5400
≈ Obscure Orange
三角配色 +120° +240°
- DE0040
Red Herring
- 378E00
≈ Cossack Green
- 0070F1
≈ Níu Zǎi Sè Denim
分裂互补色 +150° +210°
- DE0040
Red Herring
- 008D6B
≈ Indonesian Jungle
- 0083AB
≈ Tusche Blue
四角配色 +90° +180° +270°
- DE0040
Red Herring
- 7F7C00
≈ Olive
- 00898C
≈ Industrial Blue
- 7951F3
≈ Candy Grape Fizz
对比度与无障碍
Ag
AA白底
WCAG 5.02:1 · APCA Lc 72
Ag
Fail黑底
WCAG 4.17:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--red-herring: #de0040;
--red-herring-rgb: 222 0 64;
--red-herring-oklch: oklch(0.571 0.229 18.2);
}
.element {
color: var(--red-herring);
background-color: hsl(343 100% 44%);
border-color: oklch(0.571 0.229 18.2);
}Tailwind CSS v4
@theme {
--color-red-herring: #de0040;
--color-red-herring-50: #ffdbda;
--color-red-herring-100: #ffc9c8;
--color-red-herring-200: #ffaaab;
--color-red-herring-300: #ff8085;
--color-red-herring-400: #ff5369;
--color-red-herring-500: #f90048;
--color-red-herring-600: #d2093d;
--color-red-herring-700: #a90b31;
--color-red-herring-800: #7e0525;
--color-red-herring-900: #5a0519;
--color-red-herring-950: #3c000a;
}SCSS
$red-herring: #de0040;
$red-herring-rgb: 222, 0, 64;
$red-herring-light: mix(#fff, $red-herring, 20%);
$red-herring-dark: mix(#000, $red-herring, 20%);
.element {
color: $red-herring;
box-shadow: 0 0 0 2px rgba($red-herring, 0.35);
}