لون مسمّى · #D9CDE5
Bashful Pansy
Bashful Pansy هو #D9CDE5: rgb(217 205 229)، hsl(270 32% 85%)، oklch(0.865 0.035 308). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Bashful Pansy color name →
#D9CDE5
oklch(0.865 0.035 308)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DDD2E8
- E1D7EA
- E4DCED
- E8E1EF
- ECE6F2
- F0EBF5
- F3F0F7
- F7F5FA
- FBFAFC
درجات داكنة
- BCB2C7
- A198AA
- 867E8E
- 6C6672
- 534E58
- 3B383F
- 252328
- 110F12
- 020203
درجات رمادية
- D0C5DA
- C7BDD0
- BDB5C6
- B4ADBB
- ABA6B1
- A39EA7
- 9A969D
- 918F93
- 89878A
تناسق الألوان
متمم +180°
- D9CDE5
Bashful Pansy
- CCD8BF
≈ Turtle Chalk
متجاور -30° +30°
- D9CDE5
Bashful Pansy
- CDD1EA
≈ Artistic Violet
- E3CADB
≈ Wisteria Whisper
ثلاثي +120° +240°
- D9CDE5
Bashful Pansy
- E3CFBB
≈ Comfort
- BADBD7
≈ Picnic Bay
متمم منقسم +150° +210°
- D9CDE5
Bashful Pansy
- D8D3BA
≈ Pistachio Tang
- C0DACA
≈ Dusty Aqua
رباعي +90° +180° +270°
- D9CDE5
Bashful Pansy
- E8CBC2
≈ Au Naturel
- CCD8BF
≈ Turtle Chalk
- BAD9E2
≈ Glacial Stream
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.52:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.81:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
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);
}