命名颜色 · #BFA7B6
Pansy Posie
Pansy Posie 即 #BFA7B6：rgb(191 167 182)、hsl(323 16% 70%)、oklch(0.754 0.035 340.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Pansy Posie color name →
#BFA7B6
oklch(0.754 0.035 340.1)
颜色转换
- HEX
- #bfa7b6
- RGB
- rgb(191 167 182)
- HSL
- hsl(323 16% 70%)
- HWB
- hwb(323 65% 25%)
- OKLCH
- oklch(0.754 0.035 340.1)
- OKLab
- oklab(0.754 0.032 -0.012)
- CIE Lab
- lab(70.96 10.96 -4.36)
- LCH
- lch(70.96 11.8 338.3)
- CMYK
- cmyk(0% 13% 5% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C5B0BD
- CCB8C4
- D2C1CB
- D8C9D3
- DFD2DA
- E5DBE1
- ECE4E9
- F2EDF0
- F9F6F8
深色调
- A6919E
- 8D7B86
- 75666F
- 5E5259
- 483E44
- 332C30
- 1F1A1D
- 0D0A0C
- 020102
灰色调
- B9A3B0
- B29FAB
- AC9BA5
- A597A0
- 9F939B
- 998F95
- 938C90
- 8C888B
- 868485
配色和谐
互补色 +180°
- BFA7B6
Pansy Posie
- 9DB6A8
≈ Nile River
类似色 -30° +30°
- BFA7B6
Pansy Posie
- B6A9C0
≈ Velour
- C4A7AA
≈ Violet Ice
三角配色 +120° +240°
- BFA7B6
Pansy Posie
- B4B097
≈ Heathered Grey
- 98B5BE
≈ Peaceful Blue
分裂互补色 +150° +210°
- BFA7B6
Pansy Posie
- A8B49D
≈ Salvia
- 97B7B4
≈ Baroque Blue
四角配色 +90° +180° +270°
- BFA7B6
Pansy Posie
- BEAC98
≈ Delicate Honeysweet
- 9DB6A8
≈ Nile River
- 9FB1C5
≈ Aerial View
对比度与无障碍
Ag
Fail白底
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.41:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--pansy-posie: #bfa7b6;
--pansy-posie-rgb: 191 167 182;
--pansy-posie-oklch: oklch(0.754 0.035 340.1);
}
.element {
color: var(--pansy-posie);
background-color: hsl(323 16% 70%);
border-color: oklch(0.754 0.035 340.1);
}Tailwind CSS v4
@theme {
--color-pansy-posie: #bfa7b6;
--color-pansy-posie-50: #fdf1f8;
--color-pansy-posie-100: #f1e4eb;
--color-pansy-posie-200: #dfcfd8;
--color-pansy-posie-300: #c5b1bc;
--color-pansy-posie-400: #ad97a5;
--color-pansy-posie-500: #977e8d;
--color-pansy-posie-600: #7f6a78;
--color-pansy-posie-700: #665560;
--color-pansy-posie-800: #4b3e47;
--color-pansy-posie-900: #342b31;
--color-pansy-posie-950: #1f181d;
}SCSS
$pansy-posie: #bfa7b6;
$pansy-posie-rgb: 191, 167, 182;
$pansy-posie-light: mix(#fff, $pansy-posie, 20%);
$pansy-posie-dark: mix(#000, $pansy-posie, 20%);
.element {
color: $pansy-posie;
box-shadow: 0 0 0 2px rgba($pansy-posie, 0.35);
}