最接近的命名颜色 · #DB8AB1
#DB8AB1
最接近的命名颜色: Kiss
#DB8AB1（rgb(219 138 177)、hsl(331 53% 70%)、oklch(0.728 0.11 349.8)）最接近命名颜色 Kiss。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DB8AB1
oklch(0.728 0.11 349.8)
颜色转换
- HEX
- #db8ab1
- RGB
- rgb(219 138 177)
- HSL
- hsl(331 53% 70%)
- HWB
- hwb(331 54% 14%)
- OKLCH
- oklch(0.728 0.11 349.8)
- OKLab
- oklab(0.728 0.108 -0.019)
- CIE Lab
- lab(67.01 35.6 -6.94)
- LCH
- lch(67.01 36.27 349)
- CMYK
- cmyk(0% 37% 19% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- DF96B9
- E4A1C0
- E8ADC8
- ECB9D0
- EFC4D7
- F3D0DF
- F6DCE7
- F9E7EF
- FCF3F7
深色调
- BE7799
- A26583
- 87536C
- 6D4257
- 543242
- 3C222F
- 26141C
- 11070C
- 020101
灰色调
- D289AC
- C989A7
- C088A2
- B7879D
- AE8698
- A58593
- 9C848E
- 93838A
- 898185
配色和谐
互补色 +180°
- DB8AB1
Kiss
- 54BD9C
≈ Expressionism Green
类似色 -30° +30°
- DB8AB1
Kiss
- C690D2
≈ Lenurple
- E48A8B
≈ Pink Chi
三角配色 +120° +240°
- DB8AB1
Kiss
- ABAD57
≈ Palm Frond
- 53B4DF
≈ Sail Away
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.53:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.28:1 · APCA Lc 52
最佳文字颜色: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
代码片段
CSS
:root {
--kiss: #db8ab1;
--kiss-rgb: 219 138 177;
--kiss-oklch: oklch(0.728 0.11 349.8);
}
.element {
color: var(--kiss);
background-color: hsl(331 53% 70%);
border-color: oklch(0.728 0.11 349.8);
}Tailwind CSS v4
@theme {
--color-kiss: #db8ab1;
--color-kiss-50: #ffe9f8;
--color-kiss-100: #ffdaec;
--color-kiss-200: #fac2d9;
--color-kiss-300: #e4a0bd;
--color-kiss-400: #cf83a8;
--color-kiss-500: #bb6691;
--color-kiss-600: #9e577a;
--color-kiss-700: #7f4562;
--color-kiss-800: #5e3249;
--color-kiss-900: #422233;
--color-kiss-950: #2a111e;
}SCSS
$kiss: #db8ab1;
$kiss-rgb: 219, 138, 177;
$kiss-light: mix(#fff, $kiss, 20%);
$kiss-dark: mix(#000, $kiss, 20%);
.element {
color: $kiss;
box-shadow: 0 0 0 2px rgba($kiss, 0.35);
}