لون مسمّى · #BD83BE
Lavender Sweater
Lavender Sweater هو #BD83BE: rgb(189 131 190)، hsl(299 31% 63%)، oklch(0.688 0.107 326.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Lavender Sweater color name →
#BD83BE
oklch(0.688 0.107 326.1)
تحويلات الألوان
- HEX
- #bd83be
- RGB
- rgb(189 131 190)
- HSL
- hsl(299 31% 63%)
- HWB
- hwb(299 51% 25%)
- OKLCH
- oklch(0.688 0.107 326.1)
- OKLab
- oklab(0.688 0.088 -0.059)
- CIE Lab
- lab(62.27 30.18 -21.76)
- LCH
- lch(62.27 37.2 324.2)
- CMYK
- cmyk(1% 31% 0% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C48FC5
- CB9BCB
- D1A8D2
- D8B4D8
- DFC0DF
- E5CDE5
- ECD9EC
- F2E6F2
- F9F2F9
درجات داكنة
- A471A5
- 8C608C
- 744F75
- 5D3F5E
- 472F48
- 332033
- 1F121F
- 0D060D
- 020102
درجات رمادية
- B783B8
- B183B2
- AB83AB
- A583A5
- 9F829F
- 998299
- 938293
- 8C818C
- 868186
تناسق الألوان
متمم +180°
- BD83BE
Lavender Sweater
- 6DAC72
≈ Pale Green
متجاور -30° +30°
- BD83BE
Lavender Sweater
- A18DD5
≈ Middy’s Purple
- CF7E9D
≈ Little Bow Pink
ثلاثي +120° +240°
- BD83BE
Lavender Sweater
- B89646
≈ Roti
- 2FADBB
≈ Placid Sea
متمم منقسم +150° +210°
- BD83BE
Lavender Sweater
- 97A352
≈ Overt Green
- 41B098
≈ Hole in One
رباعي +90° +180° +270°
- BD83BE
Lavender Sweater
- CD8957
≈ Cork Brown
- 6DAC72
≈ Pale Green
- 51A5D4
≈ Blue Astro
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.93:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.15:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lavender-sweater: #bd83be;
--lavender-sweater-rgb: 189 131 190;
--lavender-sweater-oklch: oklch(0.688 0.107 326.1);
}
.element {
color: var(--lavender-sweater);
background-color: hsl(299 31% 63%);
border-color: oklch(0.688 0.107 326.1);
}Tailwind CSS v4
@theme {
--color-lavender-sweater: #bd83be;
--color-lavender-sweater-50: #ffebff;
--color-lavender-sweater-100: #fcdcfa;
--color-lavender-sweater-200: #eec5ec;
--color-lavender-sweater-300: #d6a4d3;
--color-lavender-sweater-400: #bf88c0;
--color-lavender-sweater-500: #aa6cac;
--color-lavender-sweater-600: #905c91;
--color-lavender-sweater-700: #734974;
--color-lavender-sweater-800: #543557;
--color-lavender-sweater-900: #3b243d;
--color-lavender-sweater-950: #251326;
}SCSS
$lavender-sweater: #bd83be;
$lavender-sweater-rgb: 189, 131, 190;
$lavender-sweater-light: mix(#fff, $lavender-sweater, 20%);
$lavender-sweater-dark: mix(#000, $lavender-sweater, 20%);
.element {
color: $lavender-sweater;
box-shadow: 0 0 0 2px rgba($lavender-sweater, 0.35);
}