Màu có tên gần nhất · #E87988
#E87988
Màu có tên gần nhất: Pulp
#E87988 (rgb(232 121 136), hsl(352 71% 69%), oklch(0.705 0.137 12.7)) gần nhất với màu có tên Pulp. 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.
#E87988
oklch(0.705 0.137 12.7)
Chuyển đổi màu
- HEX
- #e87988
- RGB
- rgb(232 121 136)
- HSL
- hsl(352 71% 69%)
- HWB
- hwb(352 47% 9%)
- OKLCH
- oklch(0.705 0.137 12.7)
- OKLab
- oklab(0.705 0.134 0.03)
- CIE Lab
- lab(64.29 44.83 12.57)
- LCH
- lch(64.29 46.56 15.7)
- CMYK
- cmyk(0% 48% 41% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EC8793
- EF959F
- F3A2AA
- F6B0B6
- F8BDC2
- FACACE
- FCD7DA
- FDE5E6
- FEF2F3
Sắc đậm
- CA6875
- AC5863
- 904852
- 743941
- 592B31
- 401D22
- 291013
- 130506
- 030101
Sắc xám
- DE7B87
- D47C87
- CA7D86
- C07E85
- B67F84
- AC7F83
- A18083
- 968082
- 8B8081
Hòa sắc
Bổ túc +180°
- E87988
Pulp
- 00B7B4
≈ Swagger
Tương đồng -30° +30°
- E87988
Pulp
- DA7BB7
≈ Middle Purple
- E68157
≈ Orangevale
Bộ ba +120° +240°
- E87988
Pulp
- 7EB253
≈ Savoy
- 5DA4F3
≈ Feather Star
Bổ túc chia +150° +210°
- E87988
Pulp
- 34BA87
≈ Aztec Jade
- 00B1DB
≈ Blue Atoll
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.52:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--pulp: #e87988;
--pulp-rgb: 232 121 136;
--pulp-oklch: oklch(0.705 0.137 12.7);
}
.element {
color: var(--pulp);
background-color: hsl(352 71% 69%);
border-color: oklch(0.705 0.137 12.7);
}Tailwind CSS v4
@theme {
--color-pulp: #e87988;
--color-pulp-50: #ffe6e9;
--color-pulp-100: #ffd6d9;
--color-pulp-200: #ffbdc2;
--color-pulp-300: #f59aa1;
--color-pulp-400: #e37a88;
--color-pulp-500: #d0596c;
--color-pulp-600: #b04c5c;
--color-pulp-700: #8d3d49;
--color-pulp-800: #692b37;
--color-pulp-900: #4a1d25;
--color-pulp-950: #300d14;
}SCSS
$pulp: #e87988;
$pulp-rgb: 232, 121, 136;
$pulp-light: mix(#fff, $pulp, 20%);
$pulp-dark: mix(#000, $pulp, 20%);
.element {
color: $pulp;
box-shadow: 0 0 0 2px rgba($pulp, 0.35);
}