Named color · #BDACCA
Fancy Pansy
Fancy Pansy is #BDACCA: rgb(189 172 202), hsl(274 22% 73%), oklch(0.768 0.046 310.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Fancy Pansy color name →
#BDACCA
oklch(0.768 0.046 310.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C3B4CF
- CABCD5
- D0C4DA
- D7CDDF
- DED5E4
- E4DDEA
- EBE6EF
- F2EEF4
- F8F6FA
Shades
- A495AF
- 8C7F95
- 74697C
- 5D5464
- 47404D
- 332D37
- 1F1B22
- 0D0B0F
- 020102
Tones
- B7A8C2
- B0A3BB
- AA9FB3
- A49AAC
- 9E96A4
- 98919D
- 928D96
- 8C898E
- 868487
Color harmonies
Complementary +180°
- BDACCA
Fancy Pansy
- AABA9C
≈ Laurel Green
Analogous -30° +30°
- BDACCA
Fancy Pansy
- AEB1D1
≈ Pixie Violet
- C9A9BD
≈ Fragrant Lilac
Triadic +120° +240°
- BDACCA
Fancy Pansy
- C7AF94
≈ Toasted Wheat
- 92BEBA
≈ Chinese Tzu
Split-complementary +150° +210°
- BDACCA
Fancy Pansy
- BAB594
≈ Bog
- 9BBDAA
≈ Reeds
Tetradic +90° +180° +270°
- BDACCA
Fancy Pansy
- CFAB9E
≈ Art Deco Pink
- AABA9C
≈ Laurel Green
- 94BBC8
≈ Sydney Harbour
Contrast & accessibility
Ag
FailOn white
WCAG 2.11:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.91:1 · APCA Lc 61
Best text color: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
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);
}