最接近的命名颜色 · #DDA5DB
#DDA5DB
最接近的命名颜色: Candy Floss
#DDA5DB（rgb(221 165 219)、hsl(302 45% 76%)、oklch(0.791 0.097 327.6)）最接近命名颜色 Candy Floss。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DDA5DB
oklch(0.791 0.097 327.6)
颜色转换
- HEX
- #dda5db
- RGB
- rgb(221 165 219)
- HSL
- hsl(302 45% 76%)
- HWB
- hwb(302 65% 13%)
- OKLCH
- oklch(0.791 0.097 327.6)
- OKLab
- oklab(0.791 0.082 -0.052)
- CIE Lab
- lab(74.42 27.82 -19.08)
- LCH
- lch(74.42 33.73 325.6)
- CMYK
- cmyk(0% 25% 1% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E1AEDF
- E4B7E2
- E8C0E6
- EBC9EA
- EFD2ED
- F2DBF1
- F6E4F4
- F9EDF8
- FCF6FC
深色调
- C08FBE
- A479A2
- 886587
- 6E516D
- 553D54
- 3D2B3C
- 261A26
- 110A11
- 020102
灰色调
- D4A1D2
- CA9EC8
- C19ABF
- B797B6
- AE93AD
- A58FA4
- 9C8B9B
- 928892
- 898489
配色和谐
互补色 +180°
- DDA5DB
Candy Floss
- 90CC97
≈ Fennel
类似色 -30° +30°
- DDA5DB
Candy Floss
- C2AEF2
≈ Purple Sand
- EEA1BB
≈ Alien Conspiracy Pink
三角配色 +120° +240°
- DDA5DB
Candy Floss
- D5B870
≈ Sweet Mustard
- 67CDDB
≈ Slick Blue
分裂互补色 +150° +210°
- DDA5DB
Candy Floss
- B6C47B
≈ Everglade Glen
- 6FD0BA
≈ Downy
四角配色 +90° +180° +270°
- DDA5DB
Candy Floss
- EAAB7C
≈ Melting Sunset
- 90CC97
≈ Fennel
- 7DC4F2
≈ Nevermind Nirvana
对比度与无障碍
Ag
Fail白底
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黑底
WCAG 10.47:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--candy-floss: #dda5db;
--candy-floss-rgb: 221 165 219;
--candy-floss-oklch: oklch(0.791 0.097 327.6);
}
.element {
color: var(--candy-floss);
background-color: hsl(302 45% 76%);
border-color: oklch(0.791 0.097 327.6);
}Tailwind CSS v4
@theme {
--color-candy-floss: #dda5db;
--color-candy-floss-50: #ffecff;
--color-candy-floss-100: #fbddf8;
--color-candy-floss-200: #edc6e8;
--color-candy-floss-300: #d4a6d0;
--color-candy-floss-400: #be8abc;
--color-candy-floss-500: #a86ea7;
--color-candy-floss-600: #8e5e8d;
--color-candy-floss-700: #724b71;
--color-candy-floss-800: #543655;
--color-candy-floss-900: #3a253b;
--color-candy-floss-950: #241325;
}SCSS
$candy-floss: #dda5db;
$candy-floss-rgb: 221, 165, 219;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}