Named color · #BFA7B6
Pansy Posie
Pansy Posie is #BFA7B6: rgb(191 167 182), hsl(323 16% 70%), oklch(0.754 0.035 340.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pansy Posie color name →
#BFA7B6
oklch(0.754 0.035 340.1)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C5B0BD
- CCB8C4
- D2C1CB
- D8C9D3
- DFD2DA
- E5DBE1
- ECE4E9
- F2EDF0
- F9F6F8
Shades
- A6919E
- 8D7B86
- 75666F
- 5E5259
- 483E44
- 332C30
- 1F1A1D
- 0D0A0C
- 020102
Tones
- B9A3B0
- B29FAB
- AC9BA5
- A597A0
- 9F939B
- 998F95
- 938C90
- 8C888B
- 868485
Color harmonies
Complementary +180°
- BFA7B6
Pansy Posie
- 9DB6A8
≈ Nile River
Analogous -30° +30°
- BFA7B6
Pansy Posie
- B6A9C0
≈ Velour
- C4A7AA
≈ Violet Ice
Triadic +120° +240°
- BFA7B6
Pansy Posie
- B4B097
≈ Heathered Grey
- 98B5BE
≈ Peaceful Blue
Split-complementary +150° +210°
- BFA7B6
Pansy Posie
- A8B49D
≈ Salvia
- 97B7B4
≈ Baroque Blue
Tetradic +90° +180° +270°
- BFA7B6
Pansy Posie
- BEAC98
≈ Delicate Honeysweet
- 9DB6A8
≈ Nile River
- 9FB1C5
≈ Aerial View
Contrast & accessibility
Ag
FailOn white
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.41:1 · APCA Lc 58
Best text color: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
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);
}