Màu có tên gần nhất · #E68388
#E68388
Màu có tên gần nhất: Pulp
#E68388 (rgb(230 131 136), hsl(357 66% 71%), oklch(0.718 0.122 17.4)) 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.
#E68388
oklch(0.718 0.122 17.4)
Chuyển đổi màu
- HEX
- #e68388
- RGB
- rgb(230 131 136)
- HSL
- hsl(357 66% 71%)
- HWB
- hwb(357 51% 10%)
- OKLCH
- oklch(0.718 0.122 17.4)
- OKLab
- oklab(0.718 0.116 0.036)
- CIE Lab
- lab(66.04 39.25 14.92)
- LCH
- lch(66.04 41.99 20.8)
- CMYK
- cmyk(0% 43% 41% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EA9093
- ED9C9F
- F1A9AB
- F4B5B6
- F6C1C2
- F9CECE
- FBDADA
- FCE6E6
- FEF3F3
Sắc đậm
- C87175
- AB6063
- 8E4F52
- 733F41
- 592F31
- 402022
- 281213
- 130606
- 030101
Sắc xám
- DC8387
- D28487
- C88486
- BE8385
- B48384
- AA8383
- A08283
- 968282
- 8B8181
Hòa sắc
Bổ túc +180°
- E68388
Pulp
- 05BBBF
≈ Jade Gravel
Tương đồng -30° +30°
- E68388
Pulp
- DB83B2
≈ Middle Purple
- E28B5E
≈ Aegean Sky
Bộ ba +120° +240°
- E68388
Pulp
- 7EB669
≈ Bud Green
- 72A6EF
≈ Greek Sea
Bổ túc chia +150° +210°
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.63:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.96:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--pulp: #e68388;
--pulp-rgb: 230 131 136;
--pulp-oklch: oklch(0.718 0.122 17.4);
}
.element {
color: var(--pulp);
background-color: hsl(357 66% 71%);
border-color: oklch(0.718 0.122 17.4);
}Tailwind CSS v4
@theme {
--color-pulp: #e68388;
--color-pulp-50: #ffe8e7;
--color-pulp-100: #ffd8d8;
--color-pulp-200: #ffc0bf;
--color-pulp-300: #ef9e9e;
--color-pulp-400: #dd7f84;
--color-pulp-500: #ca6168;
--color-pulp-600: #aa5258;
--color-pulp-700: #894246;
--color-pulp-800: #662f34;
--color-pulp-900: #482024;
--color-pulp-950: #2e0f13;
}SCSS
$pulp: #e68388;
$pulp-rgb: 230, 131, 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);
}