命名颜色 · #E29A86
Shrimp
Shrimp 即 #E29A86：rgb(226 154 134)、hsl(13 61% 71%)、oklch(0.752 0.092 36.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Shrimp color name →
#E29A86
oklch(0.752 0.092 36.2)
颜色转换
- HEX
- #e29a86
- RGB
- rgb(226 154 134)
- HSL
- hsl(13 61% 71%)
- HWB
- hwb(13 53% 11%)
- OKLCH
- oklch(0.752 0.092 36.2)
- OKLab
- oklab(0.752 0.074 0.054)
- CIE Lab
- lab(70.55 26 22.03)
- LCH
- lch(70.55 34.08 40.3)
- CMYK
- cmyk(0% 32% 41% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6A492
- E9AE9E
- ECB8AA
- F0C2B6
- F3CCC2
- F5D6CE
- F8E1DA
- FBEBE6
- FDF5F3
深色调
- C48574
- A87162
- 8C5E51
- 714B40
- 573930
- 3E2721
- 271713
- 120906
- 030101
灰色调
- D89886
- CE9585
- C59385
- BB9084
- B18E84
- A78B83
- 9E8882
- 948682
- 8A8381
配色和谐
互补色 +180°
- E29A86
Shrimp
- 63BDD4
≈ Skydive
类似色 -30° +30°
- E29A86
Shrimp
- E196A5
≈ Cherry Ice
- D7A36F
≈ Western Sunrise
三角配色 +120° +240°
- E29A86
Shrimp
- 7DC097
≈ Willow Hedge
- 9FAAE9
≈ Maximum Blue Purple
分裂互补色 +150° +210°
- E29A86
Shrimp
- 63C2B7
≈ Tropic Tide
- 7DB5E6
≈ Aero
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.20:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--shrimp: #e29a86;
--shrimp-rgb: 226 154 134;
--shrimp-oklch: oklch(0.752 0.092 36.2);
}
.element {
color: var(--shrimp);
background-color: hsl(13 61% 71%);
border-color: oklch(0.752 0.092 36.2);
}Tailwind CSS v4
@theme {
--color-shrimp: #e29a86;
--color-shrimp-50: #ffede2;
--color-shrimp-100: #ffded2;
--color-shrimp-200: #f8c8b8;
--color-shrimp-300: #e1a896;
--color-shrimp-400: #ce8b78;
--color-shrimp-500: #ba6f5b;
--color-shrimp-600: #9d5e4d;
--color-shrimp-700: #7e4b3d;
--color-shrimp-800: #5e362d;
--color-shrimp-900: #42251e;
--color-shrimp-950: #2a130e;
}SCSS
$shrimp: #e29a86;
$shrimp-rgb: 226, 154, 134;
$shrimp-light: mix(#fff, $shrimp, 20%);
$shrimp-dark: mix(#000, $shrimp, 20%);
.element {
color: $shrimp;
box-shadow: 0 0 0 2px rgba($shrimp, 0.35);
}