Màu có tên gần nhất · #B9528F
#B9528F
Màu có tên gần nhất: Magenta Memoir
#B9528F (rgb(185 82 143), hsl(324 42% 52%), oklch(0.588 0.15 346.1)) gần nhất với màu có tên Magenta Memoir. 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.
#B9528F
oklch(0.588 0.15 346.1)
Chuyển đổi màu
- HEX
- #b9528f
- RGB
- rgb(185 82 143)
- HSL
- hsl(324 42% 52%)
- HWB
- hwb(324 32% 27%)
- OKLCH
- oklch(0.588 0.15 346.1)
- OKLab
- oklab(0.588 0.146 -0.036)
- CIE Lab
- lab(50.11 47.47 -12.99)
- LCH
- lch(50.11 49.21 344.7)
- CMYK
- cmyk(0% 56% 23% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C2649A
- CA75A5
- D287B0
- D998BB
- E0A9C6
- E7BAD1
- EECBDC
- F4DCE8
- FAEEF3
Sắc đậm
- A0467C
- 893B69
- 712F57
- 5B2545
- 461A34
- 311124
- 1E0815
- 0D0207
- 020001
Sắc xám
- B4588E
- AF5E8C
- AA638B
- A56889
- 9F6C88
- 9A7086
- 947585
- 8E7983
- 877C82
Hòa sắc
Bổ túc +180°
- B9528F
Magenta Memoir
- 00936C
≈ Viridian
Tương đồng -30° +30°
- B9528F
Magenta Memoir
- 9F5CB8
≈ Trunks Hair
- C5505D
≈ Claret Red
Bộ ba +120° +240°
- B9528F
Magenta Memoir
- 878000
≈ Olive
- 0089AF
≈ Stomy Shower
Bổ túc chia +150° +210°
- B9528F
Magenta Memoir
- 4F9029
≈ Vida Loca
- 008F90
≈ Forever Teal
Bộ bốn +90° +180° +270°
- B9528F
Magenta Memoir
- A67100
≈ Golden Hind
- 00936C
≈ Viridian
- 397CD3
≈ Soothing Sapphire
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--magenta-memoir: #b9528f;
--magenta-memoir-rgb: 185 82 143;
--magenta-memoir-oklch: oklch(0.588 0.15 346.1);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(324 42% 52%);
border-color: oklch(0.588 0.15 346.1);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #b9528f;
--color-magenta-memoir-50: #ffe4fd;
--color-magenta-memoir-100: #ffd4f1;
--color-magenta-memoir-200: #ffbadf;
--color-magenta-memoir-300: #f097c5;
--color-magenta-memoir-400: #dc77b1;
--color-magenta-memoir-500: #c9569b;
--color-magenta-memoir-600: #aa4a83;
--color-magenta-memoir-700: #893b69;
--color-magenta-memoir-800: #652a4f;
--color-magenta-memoir-900: #471c37;
--color-magenta-memoir-950: #2e0c22;
}SCSS
$magenta-memoir: #b9528f;
$magenta-memoir-rgb: 185, 82, 143;
$magenta-memoir-light: mix(#fff, $magenta-memoir, 20%);
$magenta-memoir-dark: mix(#000, $magenta-memoir, 20%);
.element {
color: $magenta-memoir;
box-shadow: 0 0 0 2px rgba($magenta-memoir, 0.35);
}