Named color · #D9CDE5
Bashful Pansy
Bashful Pansy is #D9CDE5: rgb(217 205 229), hsl(270 32% 85%), oklch(0.865 0.035 308). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Bashful Pansy color name →
#D9CDE5
oklch(0.865 0.035 308)
Color conversions
- HEX
- #d9cde5
- RGB
- rgb(217 205 229)
- HSL
- hsl(270 32% 85%)
- HWB
- hwb(270 80% 10%)
- OKLCH
- oklch(0.865 0.035 308)
- OKLab
- oklab(0.865 0.022 -0.028)
- CIE Lab
- lab(83.94 7.58 -10.34)
- LCH
- lch(83.94 12.82 306.2)
- CMYK
- cmyk(5% 10% 0% 10%)
Tints · Shades · Tones
Tints
- DDD2E8
- E1D7EA
- E4DCED
- E8E1EF
- ECE6F2
- F0EBF5
- F3F0F7
- F7F5FA
- FBFAFC
Shades
- BCB2C7
- A198AA
- 867E8E
- 6C6672
- 534E58
- 3B383F
- 252328
- 110F12
- 020203
Tones
- D0C5DA
- C7BDD0
- BDB5C6
- B4ADBB
- ABA6B1
- A39EA7
- 9A969D
- 918F93
- 89878A
Color harmonies
Complementary +180°
- D9CDE5
Bashful Pansy
- CCD8BF
≈ Turtle Chalk
Analogous -30° +30°
- D9CDE5
Bashful Pansy
- CDD1EA
≈ Artistic Violet
- E3CADB
≈ Wisteria Whisper
Triadic +120° +240°
- D9CDE5
Bashful Pansy
- E3CFBB
≈ Comfort
- BADBD7
≈ Picnic Bay
Split-complementary +150° +210°
- D9CDE5
Bashful Pansy
- D8D3BA
≈ Pistachio Tang
- C0DACA
≈ Dusty Aqua
Tetradic +90° +180° +270°
- D9CDE5
Bashful Pansy
- E8CBC2
≈ Au Naturel
- CCD8BF
≈ Turtle Chalk
- BAD9E2
≈ Glacial Stream
Contrast & accessibility
Ag
FailOn white
WCAG 1.52:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.81:1 · APCA Lc 79
Best text color: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--bashful-pansy: #d9cde5;
--bashful-pansy-rgb: 217 205 229;
--bashful-pansy-oklch: oklch(0.865 0.035 308);
}
.element {
color: var(--bashful-pansy);
background-color: hsl(270 32% 85%);
border-color: oklch(0.865 0.035 308);
}Tailwind CSS v4
@theme {
--color-bashful-pansy: #d9cde5;
--color-bashful-pansy-50: #f8f3fd;
--color-bashful-pansy-100: #ebe5f1;
--color-bashful-pansy-200: #d9d0e0;
--color-bashful-pansy-300: #bdb3c5;
--color-bashful-pansy-400: #a499af;
--color-bashful-pansy-500: #8d8099;
--color-bashful-pansy-600: #776d81;
--color-bashful-pansy-700: #5f5767;
--color-bashful-pansy-800: #453f4c;
--color-bashful-pansy-900: #302c35;
--color-bashful-pansy-950: #1c1920;
}SCSS
$bashful-pansy: #d9cde5;
$bashful-pansy-rgb: 217, 205, 229;
$bashful-pansy-light: mix(#fff, $bashful-pansy, 20%);
$bashful-pansy-dark: mix(#000, $bashful-pansy, 20%);
.element {
color: $bashful-pansy;
box-shadow: 0 0 0 2px rgba($bashful-pansy, 0.35);
}