命名颜色 · #B3446C
Irresistible
Irresistible 即 #B3446C：rgb(179 68 108)、hsl(338 45% 48%)、oklch(0.548 0.149 0.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Irresistible color name →
#B3446C
oklch(0.548 0.149 0.9)
颜色转换
- HEX
- #b3446c
- RGB
- rgb(179 68 108)
- HSL
- hsl(338 45% 48%)
- HWB
- hwb(338 27% 30%)
- OKLCH
- oklch(0.548 0.149 0.9)
- OKLab
- oklab(0.548 0.149 0.002)
- CIE Lab
- lab(45.75 48.49 1.58)
- LCH
- lch(45.75 48.51 1.9)
- CMYK
- cmyk(0% 62% 40% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BD587A
- C66B87
- CE7D96
- D790A4
- DEA2B3
- E6B4C2
- EDC7D1
- F3D9E0
- F9ECEF
深色调
- 9B3A5D
- 84304E
- 6E2640
- 581D32
- 431425
- 2F0C19
- 1D050D
- 0C0204
- 010000
灰色调
- AF4C6E
- AB5370
- A75A72
- A26074
- 9D6676
- 986B78
- 93717A
- 8D767C
- 877B7E
配色和谐
互补色 +180°
- B3446C
Irresistible
- 008374
≈ Summer Turquoise
类似色 -30° +30°
- B3446C
Irresistible
- A04B98
≈ Hyacinth Violet
- B84837
≈ Vermilion Red
三角配色 +120° +240°
- B3446C
Irresistible
- 667C00
≈ Birch Leaf Green
- 0078B4
≈ Americana
分裂互补色 +150° +210°
- B3446C
Irresistible
- 008840
≈ The Wild Apothecary
- 007F90
≈ Briny
四角配色 +90° +180° +270°
- B3446C
Irresistible
- 8A6E00
≈ Vermin Brown
- 008374
≈ Summer Turquoise
- 5268C7
≈ Borage Blue
对比度与无障碍
Ag
AA白底
WCAG 5.30:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.96:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--irresistible: #b3446c;
--irresistible-rgb: 179 68 108;
--irresistible-oklch: oklch(0.548 0.149 0.9);
}
.element {
color: var(--irresistible);
background-color: hsl(338 45% 48%);
border-color: oklch(0.548 0.149 0.9);
}Tailwind CSS v4
@theme {
--color-irresistible: #b3446c;
--color-irresistible-50: #ffe4f1;
--color-irresistible-100: #ffd4e3;
--color-irresistible-200: #ffbace;
--color-irresistible-300: #f796b0;
--color-irresistible-400: #e47699;
--color-irresistible-500: #d15480;
--color-irresistible-600: #b1486d;
--color-irresistible-700: #8e3957;
--color-irresistible-800: #692841;
--color-irresistible-900: #4a1b2d;
--color-irresistible-950: #300b1a;
}SCSS
$irresistible: #b3446c;
$irresistible-rgb: 179, 68, 108;
$irresistible-light: mix(#fff, $irresistible, 20%);
$irresistible-dark: mix(#000, $irresistible, 20%);
.element {
color: $irresistible;
box-shadow: 0 0 0 2px rgba($irresistible, 0.35);
}