Màu có tên gần nhất · #B32D54
#B32D54
Màu có tên gần nhất: Minted Blueberry Lemonade
#B32D54 (rgb(179 45 84), hsl(343 60% 44%), oklch(0.517 0.171 8.5)) gần nhất với màu có tên Minted Blueberry Lemonade. 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.
#B32D54
oklch(0.517 0.171 8.5)
Chuyển đổi màu
- HEX
- #b32d54
- RGB
- rgb(179 45 84)
- HSL
- hsl(343 60% 44%)
- HWB
- hwb(343 18% 30%)
- OKLCH
- oklch(0.517 0.171 8.5)
- OKLab
- oklab(0.517 0.169 0.025)
- CIE Lab
- lab(41.92 55.57 11.1)
- LCH
- lch(41.92 56.67 11.3)
- CMYK
- cmyk(0% 75% 53% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BD4764
- C75D74
- D07284
- D98695
- E09AA6
- E8AEB7
- EFC2C9
- F5D6DA
- FAEBED
Sắc đậm
- 9B2648
- 841F3C
- 6E1831
- 581126
- 430B1B
- 2F0611
- 1D0208
- 0C0102
- 010000
Sắc xám
- B03A58
- AC445D
- A84E61
- A45665
- 9F5E6A
- 9A656E
- 946C73
- 8E7377
- 877A7C
Hòa sắc
Bổ túc +180°
- B32D54
Minted Blueberry Lemonade
- 007872
≈ Mermaid Harbour
Tương đồng -30° +30°
- B32D54
Minted Blueberry Lemonade
- A23588
≈ Wild Aster
- B33800
≈ Azshara Vein
Bộ ba +120° +240°
- B32D54
Minted Blueberry Lemonade
- 507600
≈ Tropicana
- 006BB4
≈ Daphne
Bổ túc chia +150° +210°
- B32D54
Minted Blueberry Lemonade
- 007C4D
≈ Salem
- 00748C
≈ Rare Turquoise
Bộ bốn +90° +180° +270°
- B32D54
Minted Blueberry Lemonade
- 786800
≈ Arousing Alligator
- 007872
≈ Mermaid Harbour
- 5656C7
≈ Circumorbital Ring
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.14:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.42:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--minted-blueberry-lemonade: #b32d54;
--minted-blueberry-lemonade-rgb: 179 45 84;
--minted-blueberry-lemonade-oklch: oklch(0.517 0.171 8.5);
}
.element {
color: var(--minted-blueberry-lemonade);
background-color: hsl(343 60% 44%);
border-color: oklch(0.517 0.171 8.5);
}Tailwind CSS v4
@theme {
--color-minted-blueberry-lemonade: #b32d54;
--color-minted-blueberry-lemonade-50: #ffe2e9;
--color-minted-blueberry-lemonade-100: #ffd1da;
--color-minted-blueberry-lemonade-200: #ffb6c3;
--color-minted-blueberry-lemonade-300: #ff90a2;
--color-minted-blueberry-lemonade-400: #f06d8a;
--color-minted-blueberry-lemonade-500: #de476f;
--color-minted-blueberry-lemonade-600: #bb3d5e;
--color-minted-blueberry-lemonade-700: #97314b;
--color-minted-blueberry-lemonade-800: #702239;
--color-minted-blueberry-lemonade-900: #4f1727;
--color-minted-blueberry-lemonade-950: #340715;
}SCSS
$minted-blueberry-lemonade: #b32d54;
$minted-blueberry-lemonade-rgb: 179, 45, 84;
$minted-blueberry-lemonade-light: mix(#fff, $minted-blueberry-lemonade, 20%);
$minted-blueberry-lemonade-dark: mix(#000, $minted-blueberry-lemonade, 20%);
.element {
color: $minted-blueberry-lemonade;
box-shadow: 0 0 0 2px rgba($minted-blueberry-lemonade, 0.35);
}