命名颜色 · #BDACCA
Fancy Pansy
Fancy Pansy 即 #BDACCA：rgb(189 172 202)、hsl(274 22% 73%)、oklch(0.768 0.046 310.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Fancy Pansy color name →
#BDACCA
oklch(0.768 0.046 310.6)
颜色转换
- HEX
- #bdacca
- RGB
- rgb(189 172 202)
- HSL
- hsl(274 22% 73%)
- HWB
- hwb(274 67% 21%)
- OKLCH
- oklch(0.768 0.046 310.6)
- OKLab
- oklab(0.768 0.03 -0.035)
- CIE Lab
- lab(72.55 10.51 -12.99)
- LCH
- lch(72.55 16.71 309)
- CMYK
- cmyk(6% 15% 0% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- C3B4CF
- CABCD5
- D0C4DA
- D7CDDF
- DED5E4
- E4DDEA
- EBE6EF
- F2EEF4
- F8F6FA
深色调
- A495AF
- 8C7F95
- 74697C
- 5D5464
- 47404D
- 332D37
- 1F1B22
- 0D0B0F
- 020102
灰色调
- B7A8C2
- B0A3BB
- AA9FB3
- A49AAC
- 9E96A4
- 98919D
- 928D96
- 8C898E
- 868487
配色和谐
互补色 +180°
- BDACCA
Fancy Pansy
- AABA9C
≈ Laurel Green
类似色 -30° +30°
- BDACCA
Fancy Pansy
- AEB1D1
≈ Pixie Violet
- C9A9BD
≈ Fragrant Lilac
三角配色 +120° +240°
- BDACCA
Fancy Pansy
- C7AF94
≈ Toasted Wheat
- 92BEBA
≈ Chinese Tzu
分裂互补色 +150° +210°
- BDACCA
Fancy Pansy
- BAB594
≈ Bog
- 9BBDAA
≈ Reeds
四角配色 +90° +180° +270°
- BDACCA
Fancy Pansy
- CFAB9E
≈ Art Deco Pink
- AABA9C
≈ Laurel Green
- 94BBC8
≈ Sydney Harbour
对比度与无障碍
Ag
Fail白底
WCAG 2.11:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.91:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--fancy-pansy: #bdacca;
--fancy-pansy-rgb: 189 172 202;
--fancy-pansy-oklch: oklch(0.768 0.046 310.6);
}
.element {
color: var(--fancy-pansy);
background-color: hsl(274 22% 73%);
border-color: oklch(0.768 0.046 310.6);
}Tailwind CSS v4
@theme {
--color-fancy-pansy: #bdacca;
--color-fancy-pansy-50: #faf2ff;
--color-fancy-pansy-100: #ede4f3;
--color-fancy-pansy-200: #dbcfe3;
--color-fancy-pansy-300: #c0b1c9;
--color-fancy-pansy-400: #a797b3;
--color-fancy-pansy-500: #907e9d;
--color-fancy-pansy-600: #7a6b85;
--color-fancy-pansy-700: #61556a;
--color-fancy-pansy-800: #473e4f;
--color-fancy-pansy-900: #312b37;
--color-fancy-pansy-950: #1d1822;
}SCSS
$fancy-pansy: #bdacca;
$fancy-pansy-rgb: 189, 172, 202;
$fancy-pansy-light: mix(#fff, $fancy-pansy, 20%);
$fancy-pansy-dark: mix(#000, $fancy-pansy, 20%);
.element {
color: $fancy-pansy;
box-shadow: 0 0 0 2px rgba($fancy-pansy, 0.35);
}