命名颜色 · #E8A760
Apricot Sorbet
Apricot Sorbet 即 #E8A760：rgb(232 167 96)、hsl(31 75% 64%)、oklch(0.776 0.117 67)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Apricot Sorbet color name →
#E8A760
oklch(0.776 0.117 67)
颜色转换
- HEX
- #e8a760
- RGB
- rgb(232 167 96)
- HSL
- hsl(31 75% 64%)
- HWB
- hwb(31 38% 9%)
- OKLCH
- oklch(0.776 0.117 67)
- OKLab
- oklab(0.776 0.046 0.107)
- CIE Lab
- lab(73.78 19.32 46.15)
- LCH
- lch(73.78 50.03 67.3)
- CMYK
- cmyk(0% 28% 59% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EBB071
- EEB982
- F0C292
- F3CBA2
- F5D3B2
- F7DCC1
- F9E5D1
- FBEEE0
- FDF6F0
深色调
- CA9152
- AC7B45
- 906638
- 74522C
- 593E20
- 402C15
- 291A0A
- 130A03
- 030100
灰色调
- DDA365
- D3A069
- C99C6D
- BE9871
- B49474
- A99077
- 9F8C7A
- 95887C
- 8A847E
配色和谐
互补色 +180°
- E8A760
Apricot Sorbet
- 76BDFD
≈ Green Darner Tail
类似色 -30° +30°
- E8A760
Apricot Sorbet
- F69B80
≈ Parma Ham
- CBB659
≈ Warm Woollen
三角配色 +120° +240°
- E8A760
Apricot Sorbet
- 46CEC3
≈ Bianchi Green
- CAA2F0
≈ Lavender Cream
分裂互补色 +150° +210°
- E8A760
Apricot Sorbet
- 4AC8E7
≈ Naxos Sky
- A4AFFF
≈ Shy Moment
四角配色 +90° +180° +270°
- E8A760
Apricot Sorbet
- 71CD98
≈ Jocose Jade
- 76BDFD
≈ Green Darner Tail
- E699D1
≈ Blossoms in Spring
对比度与无障碍
Ag
Fail白底
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.12:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--apricot-sorbet: #e8a760;
--apricot-sorbet-rgb: 232 167 96;
--apricot-sorbet-oklch: oklch(0.776 0.117 67);
}
.element {
color: var(--apricot-sorbet);
background-color: hsl(31 75% 64%);
border-color: oklch(0.776 0.117 67);
}Tailwind CSS v4
@theme {
--color-apricot-sorbet: #e8a760;
--color-apricot-sorbet-50: #fff0d2;
--color-apricot-sorbet-100: #ffe2bf;
--color-apricot-sorbet-200: #f6cc9e;
--color-apricot-sorbet-300: #dfad74;
--color-apricot-sorbet-400: #cc904d;
--color-apricot-sorbet-500: #b9751a;
--color-apricot-sorbet-600: #9c631a;
--color-apricot-sorbet-700: #7d4f15;
--color-apricot-sorbet-800: #5e390e;
--color-apricot-sorbet-900: #422709;
--color-apricot-sorbet-950: #2a1500;
}SCSS
$apricot-sorbet: #e8a760;
$apricot-sorbet-rgb: 232, 167, 96;
$apricot-sorbet-light: mix(#fff, $apricot-sorbet, 20%);
$apricot-sorbet-dark: mix(#000, $apricot-sorbet, 20%);
.element {
color: $apricot-sorbet;
box-shadow: 0 0 0 2px rgba($apricot-sorbet, 0.35);
}