Color con nombre · #D9CDE5
Bashful Pansy
Bashful Pansy es #D9CDE5: rgb(217 205 229), hsl(270 32% 85%), oklch(0.865 0.035 308). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Bashful Pansy color name →
#D9CDE5
oklch(0.865 0.035 308)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- DDD2E8
- E1D7EA
- E4DCED
- E8E1EF
- ECE6F2
- F0EBF5
- F3F0F7
- F7F5FA
- FBFAFC
Sombras
- BCB2C7
- A198AA
- 867E8E
- 6C6672
- 534E58
- 3B383F
- 252328
- 110F12
- 020203
Tonos
- D0C5DA
- C7BDD0
- BDB5C6
- B4ADBB
- ABA6B1
- A39EA7
- 9A969D
- 918F93
- 89878A
Armonías de color
Complementario +180°
- D9CDE5
Bashful Pansy
- CCD8BF
≈ Turtle Chalk
Análogo -30° +30°
- D9CDE5
Bashful Pansy
- CDD1EA
≈ Artistic Violet
- E3CADB
≈ Wisteria Whisper
Triádico +120° +240°
- D9CDE5
Bashful Pansy
- E3CFBB
≈ Comfort
- BADBD7
≈ Picnic Bay
Complementario dividido +150° +210°
- D9CDE5
Bashful Pansy
- D8D3BA
≈ Pistachio Tang
- C0DACA
≈ Dusty Aqua
Tetrádico +90° +180° +270°
- D9CDE5
Bashful Pansy
- E8CBC2
≈ Au Naturel
- CCD8BF
≈ Turtle Chalk
- BAD9E2
≈ Glacial Stream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.81:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
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);
}