命名颜色 · #B96482
Raspberry Parfait
Raspberry Parfait 即 #B96482：rgb(185 100 130)、hsl(339 38% 56%)、oklch(0.61 0.114 358.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Raspberry Parfait color name →
#B96482
oklch(0.61 0.114 358.5)
颜色转换
- HEX
- #b96482
- RGB
- rgb(185 100 130)
- HSL
- hsl(339 38% 56%)
- HWB
- hwb(339 39% 27%)
- OKLCH
- oklch(0.61 0.114 358.5)
- OKLab
- oklab(0.61 0.114 -0.003)
- CIE Lab
- lab(53.26 37.45 -0.66)
- LCH
- lch(53.26 37.46 359)
- CMYK
- cmyk(0% 46% 30% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C1738E
- C9839A
- D192A6
- D8A1B2
- DFB1BF
- E6C0CB
- EDD0D8
- F3DFE5
- F9EFF2
深色调
- A05670
- 89485F
- 713B4E
- 5B2E3E
- 46222F
- 311620
- 1E0B12
- 0D0306
- 020001
灰色调
- B46782
- AF6B82
- AA6E81
- A47181
- 9F7481
- 997681
- 937981
- 8D7B80
- 877E80
配色和谐
互补色 +180°
- B96482
Raspberry Parfait
- 009884
≈ Plumage
类似色 -30° +30°
- B96482
Raspberry Parfait
- A869A5
≈ Iris Orchid
- BE665B
≈ Tapestry Red
三角配色 +120° +240°
- B96482
Raspberry Parfait
- 7C8C35
≈ Sassy Grass
- 338CBF
≈ Christmas Blue
分裂互补色 +150° +210°
- B96482
Raspberry Parfait
- 4D965B
≈ Ineffable Forest
- 0094A4
≈ Tile Blue
四角配色 +90° +180° +270°
- B96482
Raspberry Parfait
- 9F7E1F
≈ Hacienda
- 009884
≈ Plumage
- 667FC8
≈ Bodega Bay
对比度与无障碍
Ag
Fail白底
WCAG 4.03:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.20:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--raspberry-parfait: #b96482;
--raspberry-parfait-rgb: 185 100 130;
--raspberry-parfait-oklch: oklch(0.61 0.114 358.5);
}
.element {
color: var(--raspberry-parfait);
background-color: hsl(339 38% 56%);
border-color: oklch(0.61 0.114 358.5);
}Tailwind CSS v4
@theme {
--color-raspberry-parfait: #b96482;
--color-raspberry-parfait-50: #ffe8f3;
--color-raspberry-parfait-100: #ffd9e6;
--color-raspberry-parfait-200: #ffc0d2;
--color-raspberry-parfait-300: #e99fb4;
--color-raspberry-parfait-400: #d5819d;
--color-raspberry-parfait-500: #c16385;
--color-raspberry-parfait-600: #a35471;
--color-raspberry-parfait-700: #83435a;
--color-raspberry-parfait-800: #613043;
--color-raspberry-parfait-900: #44212e;
--color-raspberry-parfait-950: #2c101b;
}SCSS
$raspberry-parfait: #b96482;
$raspberry-parfait-rgb: 185, 100, 130;
$raspberry-parfait-light: mix(#fff, $raspberry-parfait, 20%);
$raspberry-parfait-dark: mix(#000, $raspberry-parfait, 20%);
.element {
color: $raspberry-parfait;
box-shadow: 0 0 0 2px rgba($raspberry-parfait, 0.35);
}