最接近的命名颜色 · #DFB7CC
#DFB7CC
最接近的命名颜色: Purple Poodle
#DFB7CC（rgb(223 183 204)、hsl(329 38% 80%)、oklch(0.821 0.054 345.4)）最接近命名颜色 Purple Poodle。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DFB7CC
oklch(0.821 0.054 345.4)
颜色转换
- HEX
- #dfb7cc
- RGB
- rgb(223 183 204)
- HSL
- hsl(329 38% 80%)
- HWB
- hwb(329 72% 13%)
- OKLCH
- oklch(0.821 0.054 345.4)
- OKLab
- oklab(0.821 0.052 -0.013)
- CIE Lab
- lab(78.48 17.38 -4.93)
- LCH
- lch(78.48 18.06 344.2)
- CMYK
- cmyk(0% 18% 9% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E2BED1
- E6C5D6
- E9CCDB
- ECD3E0
- F0DBE5
- F3E2EA
- F6E9F0
- F9F0F5
- FCF8FA
深色调
- C29FB1
- A58797
- 8A707E
- 6F5A65
- 56454E
- 3D3137
- 271E22
- 120C0F
- 020202
灰色调
- D5B1C4
- CBACBC
- C2A6B5
- B8A1AD
- AF9BA5
- A5969E
- 9C9096
- 938B8F
- 898587
配色和谐
互补色 +180°
- DFB7CC
Purple Poodle
- A5D0BC
≈ Taffy Twist
类似色 -30° +30°
- DFB7CC
Purple Poodle
- D2BADD
≈ Pussyfoot
- E5B7B9
≈ Bistro Pink
三角配色 +120° +240°
- DFB7CC
Purple Poodle
- C9C79F
≈ Archisa
- A0CCDF
≈ Intercoastal
分裂互补色 +150° +210°
- DFB7CC
Purple Poodle
- B5CDAA
≈ Gio Ponti Green
- 9CD0CF
≈ Morning Glory
四角配色 +90° +180° +270°
- DFB7CC
Purple Poodle
- D9C09E
≈ Golden Gate
- A5D0BC
≈ Taffy Twist
- AEC7E7
≈ Promise Keeping
对比度与无障碍
Ag
Fail白底
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.78:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--purple-poodle: #dfb7cc;
--purple-poodle-rgb: 223 183 204;
--purple-poodle-oklch: oklch(0.821 0.054 345.4);
}
.element {
color: var(--purple-poodle);
background-color: hsl(329 38% 80%);
border-color: oklch(0.821 0.054 345.4);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #dfb7cc;
--color-purple-poodle-50: #ffeff8;
--color-purple-poodle-100: #f6e1eb;
--color-purple-poodle-200: #e7cbd8;
--color-purple-poodle-300: #cdadbc;
--color-purple-poodle-400: #b792a5;
--color-purple-poodle-500: #a1788e;
--color-purple-poodle-600: #886678;
--color-purple-poodle-700: #6d5160;
--color-purple-poodle-800: #503b47;
--color-purple-poodle-900: #382931;
--color-purple-poodle-950: #22161d;
}SCSS
$purple-poodle: #dfb7cc;
$purple-poodle-rgb: 223, 183, 204;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}