命名颜色 · #E8917D
Apricot Red
Apricot Red 即 #E8917D：rgb(232 145 125)、hsl(11 70% 70%)、oklch(0.742 0.11 33.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Apricot Red color name →
#E8917D
oklch(0.742 0.11 33.7)
颜色转换
- HEX
- #e8917d
- RGB
- rgb(232 145 125)
- HSL
- hsl(11 70% 70%)
- HWB
- hwb(11 49% 9%)
- OKLCH
- oklch(0.742 0.11 33.7)
- OKLab
- oklab(0.742 0.092 0.061)
- CIE Lab
- lab(69.11 32.22 25.2)
- LCH
- lch(69.11 40.9 38)
- CMYK
- cmyk(0% 38% 46% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EB9C8A
- EEA797
- F1B2A3
- F4BDB0
- F6C8BD
- F9D3CA
- FBDED7
- FCE9E4
- FEF4F2
深色调
- CA7D6C
- AC6A5B
- 90584B
- 74463B
- 59352C
- 40251E
- 291511
- 130705
- 030101
灰色调
- DE907E
- D48E7E
- C98D7F
- BF8B7F
- B58A7F
- AA8880
- A08680
- 958480
- 8B8280
配色和谐
互补色 +180°
- E8917D
Apricot Red
- 44BDD5
≈ Bachelor Button
类似色 -30° +30°
- E8917D
Apricot Red
- E68DA4
≈ Underwater Flare
- DC9C5E
≈ Stunning Gold
三角配色 +120° +240°
- E8917D
Apricot Red
- 70C08B
≈ Clover Mist
- 95A6F1
≈ Cold Lips
分裂互补色 +150° +210°
- E8917D
Apricot Red
- 47C2B3
≈ Synergy
- 6AB3EC
≈ Sanctuary Spa
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.77:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--apricot-red: #e8917d;
--apricot-red-rgb: 232 145 125;
--apricot-red-oklch: oklch(0.742 0.11 33.7);
}
.element {
color: var(--apricot-red);
background-color: hsl(11 70% 70%);
border-color: oklch(0.742 0.11 33.7);
}Tailwind CSS v4
@theme {
--color-apricot-red: #e8917d;
--color-apricot-red-50: #ffebe0;
--color-apricot-red-100: #ffdccf;
--color-apricot-red-200: #ffc4b4;
--color-apricot-red-300: #eaa491;
--color-apricot-red-400: #d78673;
--color-apricot-red-500: #c46854;
--color-apricot-red-600: #a55948;
--color-apricot-red-700: #854739;
--color-apricot-red-800: #63332a;
--color-apricot-red-900: #45231c;
--color-apricot-red-950: #2d110c;
}SCSS
$apricot-red: #e8917d;
$apricot-red-rgb: 232, 145, 125;
$apricot-red-light: mix(#fff, $apricot-red, 20%);
$apricot-red-dark: mix(#000, $apricot-red, 20%);
.element {
color: $apricot-red;
box-shadow: 0 0 0 2px rgba($apricot-red, 0.35);
}