最接近的命名颜色 · #E3ABAB
#E3ABAB
最接近的命名颜色: Chewing Gum
#E3ABAB（rgb(227 171 171)、hsl(0 50% 78%)、oklch(0.793 0.066 18.6)）最接近命名颜色 Chewing Gum。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E3ABAB
oklch(0.793 0.066 18.6)
颜色转换
- HEX
- #e3abab
- RGB
- rgb(227 171 171)
- HSL
- hsl(0 50% 78%)
- HWB
- hwb(0 67% 11%)
- OKLCH
- oklch(0.793 0.066 18.6)
- OKLab
- oklab(0.793 0.063 0.021)
- CIE Lab
- lab(75.3 21.15 8.43)
- LCH
- lch(75.3 22.77 21.7)
- CMYK
- cmyk(0% 25% 25% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6B3B3
- E9BCBB
- ECC4C4
- EFCCCC
- F2D5D4
- F5DDDD
- F8E6E5
- FAEEEE
- FDF6F6
深色调
- C59494
- A87E7E
- 8C6868
- 715454
- 574040
- 3F2D2D
- 271B1B
- 120B0B
- 030101
灰色调
- D9A7A7
- CFA2A2
- C59E9E
- BB9A9A
- B19695
- A79191
- 9D8D8D
- 948988
- 8A8484
配色和谐
互补色 +180°
- E3ABAB
Chewing Gum
- 88C9CB
≈ Embellished Blue
类似色 -30° +30°
- E3ABAB
Chewing Gum
- DDABC2
≈ Roseate Spoonbill
- E0B097
≈ Pink Sand
三角配色 +120° +240°
- E3ABAB
Chewing Gum
- A7C69D
≈ Geddy Green
- A2BDE6
≈ Blue Lips
分裂互补色 +150° +210°
- E3ABAB
Chewing Gum
- 92CAB4
≈ Mint Ice Cream
- 8FC4DD
≈ Caribbean Coast
四角配色 +90° +180° +270°
- E3ABAB
Chewing Gum
- BFBF8E
≈ Brimstone Butterfly
- 88C9CB
≈ Embellished Blue
- B9B5E4
≈ Beloved
对比度与无障碍
Ag
Fail白底
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.67:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--chewing-gum: #e3abab;
--chewing-gum-rgb: 227 171 171;
--chewing-gum-oklch: oklch(0.793 0.066 18.6);
}
.element {
color: var(--chewing-gum);
background-color: hsl(0 50% 78%);
border-color: oklch(0.793 0.066 18.6);
}Tailwind CSS v4
@theme {
--color-chewing-gum: #e3abab;
--color-chewing-gum-50: #ffeeed;
--color-chewing-gum-100: #fee0de;
--color-chewing-gum-200: #efcac8;
--color-chewing-gum-300: #d7aba9;
--color-chewing-gum-400: #c38f8f;
--color-chewing-gum-500: #ae7475;
--color-chewing-gum-600: #936363;
--color-chewing-gum-700: #764f4f;
--color-chewing-gum-800: #57393a;
--color-chewing-gum-900: #3d2728;
--color-chewing-gum-950: #261516;
}SCSS
$chewing-gum: #e3abab;
$chewing-gum-rgb: 227, 171, 171;
$chewing-gum-light: mix(#fff, $chewing-gum, 20%);
$chewing-gum-dark: mix(#000, $chewing-gum, 20%);
.element {
color: $chewing-gum;
box-shadow: 0 0 0 2px rgba($chewing-gum, 0.35);
}