Màu có tên gần nhất · #E3ABAB
#E3ABAB
Màu có tên gần nhất: Chewing Gum
#E3ABAB (rgb(227 171 171), hsl(0 50% 78%), oklch(0.793 0.066 18.6)) gần nhất với màu có tên Chewing Gum. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E3ABAB
oklch(0.793 0.066 18.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E6B3B3
- E9BCBB
- ECC4C4
- EFCCCC
- F2D5D4
- F5DDDD
- F8E6E5
- FAEEEE
- FDF6F6
Sắc đậm
- C59494
- A87E7E
- 8C6868
- 715454
- 574040
- 3F2D2D
- 271B1B
- 120B0B
- 030101
Sắc xám
- D9A7A7
- CFA2A2
- C59E9E
- BB9A9A
- B19695
- A79191
- 9D8D8D
- 948988
- 8A8484
Hòa sắc
Bổ túc +180°
- E3ABAB
Chewing Gum
- 88C9CB
≈ Embellished Blue
Tương đồng -30° +30°
- E3ABAB
Chewing Gum
- DDABC2
≈ Roseate Spoonbill
- E0B097
≈ Pink Sand
Bộ ba +120° +240°
- E3ABAB
Chewing Gum
- A7C69D
≈ Geddy Green
- A2BDE6
≈ Blue Lips
Bổ túc chia +150° +210°
- E3ABAB
Chewing Gum
- 92CAB4
≈ Mint Ice Cream
- 8FC4DD
≈ Caribbean Coast
Bộ bốn +90° +180° +270°
- E3ABAB
Chewing Gum
- BFBF8E
≈ Brimstone Butterfly
- 88C9CB
≈ Embellished Blue
- B9B5E4
≈ Beloved
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.67:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}