最接近的命名颜色 · #D5A3BC
#D5A3BC
最接近的命名颜色: Sweet Perfume
#D5A3BC（rgb(213 163 188)、hsl(330 37% 74%)、oklch(0.769 0.067 347.3)）最接近命名颜色 Sweet Perfume。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D5A3BC
oklch(0.769 0.067 347.3)
颜色转换
- HEX
- #d5a3bc
- RGB
- rgb(213 163 188)
- HSL
- hsl(330 37% 74%)
- HWB
- hwb(330 64% 16%)
- OKLCH
- oklch(0.769 0.067 347.3)
- OKLab
- oklab(0.769 0.066 -0.015)
- CIE Lab
- lab(72.3 21.93 -5.38)
- LCH
- lch(72.3 22.58 346.2)
- CMYK
- cmyk(0% 23% 12% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DAACC3
- DEB5C9
- E2BED0
- E7C7D6
- EBD0DD
- EFDAE4
- F3E3EB
- F7ECF1
- FBF6F8
深色调
- B98DA3
- 9E788B
- 836373
- 6A4F5D
- 513C47
- 3A2A32
- 24191F
- 100A0D
- 020102
灰色调
- CCA0B6
- C49CB0
- BB99AA
- B395A4
- AA929E
- A28E98
- 998B92
- 91878C
- 888486
配色和谐
互补色 +180°
- D5A3BC
Sweet Perfume
- 8AC2AB
≈ Spearmint Frosting
类似色 -30° +30°
- D5A3BC
Sweet Perfume
- C6A7D1
≈ Feminine Fancy
- DCA3A4
≈ Pastel Pink
三角配色 +120° +240°
- D5A3BC
Sweet Perfume
- B8B785
≈ Aloe Plant
- 86BDD6
≈ High Elf Blue
分裂互补色 +150° +210°
- D5A3BC
Sweet Perfume
- A0BF94
≈ Praying Mantis
- 7FC2C3
≈ Celestine
四角配色 +90° +180° +270°
- D5A3BC
Sweet Perfume
- CCAF84
≈ Harvest Home
- 8AC2AB
≈ Spearmint Frosting
- 99B6DF
≈ Honest
对比度与无障碍
Ag
Fail白底
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.79:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--sweet-perfume: #d5a3bc;
--sweet-perfume-rgb: 213 163 188;
--sweet-perfume-oklch: oklch(0.769 0.067 347.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 37% 74%);
border-color: oklch(0.769 0.067 347.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d5a3bc;
--color-sweet-perfume-50: #ffeef8;
--color-sweet-perfume-100: #fadfeb;
--color-sweet-perfume-200: #ecc9d9;
--color-sweet-perfume-300: #d3aabd;
--color-sweet-perfume-400: #bd8fa6;
--color-sweet-perfume-500: #a8748f;
--color-sweet-perfume-600: #8e6279;
--color-sweet-perfume-700: #724f60;
--color-sweet-perfume-800: #543948;
--color-sweet-perfume-900: #3a2732;
--color-sweet-perfume-950: #24151e;
}SCSS
$sweet-perfume: #d5a3bc;
$sweet-perfume-rgb: 213, 163, 188;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}