最接近的命名颜色 · #D4BADC
#D4BADC
最接近的命名颜色: York Plum
#D4BADC（rgb(212 186 220)、hsl(286 33% 80%)、oklch(0.822 0.055 318.2)）最接近命名颜色 York Plum。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D4BADC
oklch(0.822 0.055 318.2)
颜色转换
- HEX
- #d4badc
- RGB
- rgb(212 186 220)
- HSL
- hsl(286 33% 80%)
- HWB
- hwb(286 73% 14%)
- OKLCH
- oklch(0.822 0.055 318.2)
- OKLab
- oklab(0.822 0.041 -0.036)
- CIE Lab
- lab(78.57 14.09 -13.53)
- LCH
- lch(78.57 19.54 316.2)
- CMYK
- cmyk(4% 15% 0% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- D8C1E0
- DDC8E3
- E1CEE7
- E5D5EA
- E9DCEE
- EEE3F1
- F2EAF5
- F6F1F8
- FBF8FC
深色调
- B8A1BF
- 9D89A3
- 837288
- 695C6E
- 514654
- 3A323C
- 241E26
- 100D11
- 020202
灰色调
- CBB4D2
- C3AEC9
- BAA8C0
- B2A2B6
- A99DAD
- A197A4
- 98919B
- 908B92
- 888689
配色和谐
互补色 +180°
- D4BADC
York Plum
- B4CEAB
≈ Gio Ponti Green
类似色 -30° +30°
- D4BADC
York Plum
- C2C0E7
≈ Violet Gems
- E1B7CB
≈ Kunzite
三角配色 +120° +240°
- D4BADC
York Plum
- D8C19D
≈ Golden Gate
- 9BD0D1
≈ Morning Glory
分裂互补色 +150° +210°
- D4BADC
York Plum
- C7C89F
≈ Watercress Pesto
- A3D1BE
≈ Taffy Twist
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.85:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--york-plum: #d4badc;
--york-plum-rgb: 212 186 220;
--york-plum-oklch: oklch(0.822 0.055 318.2);
}
.element {
color: var(--york-plum);
background-color: hsl(286 33% 80%);
border-color: oklch(0.822 0.055 318.2);
}Tailwind CSS v4
@theme {
--color-york-plum: #d4badc;
--color-york-plum-50: #fcf0ff;
--color-york-plum-100: #f0e2f3;
--color-york-plum-200: #dfcde3;
--color-york-plum-300: #c4afc9;
--color-york-plum-400: #ac95b4;
--color-york-plum-500: #967b9e;
--color-york-plum-600: #7f6885;
--color-york-plum-700: #65536b;
--color-york-plum-800: #4a3d4f;
--color-york-plum-900: #332a37;
--color-york-plum-950: #1f1722;
}SCSS
$york-plum: #d4badc;
$york-plum-rgb: 212, 186, 220;
$york-plum-light: mix(#fff, $york-plum, 20%);
$york-plum-dark: mix(#000, $york-plum, 20%);
.element {
color: $york-plum;
box-shadow: 0 0 0 2px rgba($york-plum, 0.35);
}