أقرب لون مسمّى · #983DBF
#983DBF
أقرب لون مسمّى: Dreamscape Purple
#983DBF (rgb(152 61 191)، hsl(282 52% 49%)، oklch(0.542 0.202 313.9)) أقرب إلى اللون المسمّى Dreamscape Purple. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#983DBF
oklch(0.542 0.202 313.9)
تحويلات الألوان
- HEX
- #983dbf
- RGB
- rgb(152 61 191)
- HSL
- hsl(282 52% 49%)
- HWB
- hwb(282 24% 25%)
- OKLCH
- oklch(0.542 0.202 313.9)
- OKLab
- oklab(0.542 0.14 -0.146)
- CIE Lab
- lab(43.49 53.4 -52.01)
- LCH
- lch(43.49 74.54 315.8)
- CMYK
- cmyk(20% 68% 0% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A254C6
- AD68CE
- B77CD5
- C28FDB
- CCA1E2
- D6B4E8
- E0C7EE
- EBD9F4
- F5ECFA
درجات داكنة
- 8434A6
- 702B8D
- 5C2275
- 4A1A5E
- 381248
- 270A33
- 17041F
- 08010D
- 010002
درجات رمادية
- 9647B9
- 9450B3
- 9257AE
- 8F5EA7
- 8D65A1
- 8B6B9B
- 887195
- 86768E
- 837B87
تناسق الألوان
متمم +180°
- 983DBF
Dreamscape Purple
- 468100
≈ Green People
متجاور -30° +30°
- 983DBF
Dreamscape Purple
- 6753DE
≈ Majorelle Blue
- B8288C
≈ Loulou’s Purple
ثلاثي +120° +240°
- 983DBF
Dreamscape Purple
- 966300
≈ Raw Sienna
- 00807F
≈ Teal
متمم منقسم +150° +210°
- 983DBF
Dreamscape Purple
- 7B7200
≈ Sunlit Kelp Green
- 00845D
≈ Spectral Green
رباعي +90° +180° +270°
- 983DBF
Dreamscape Purple
- B64800
≈ Beef Bourguignon
- 468100
≈ Green People
- 007B9B
≈ Sea Sight
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.59:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.75:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dreamscape-purple: #983dbf;
--dreamscape-purple-rgb: 152 61 191;
--dreamscape-purple-oklch: oklch(0.542 0.202 313.9);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(282 52% 49%);
border-color: oklch(0.542 0.202 313.9);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #983dbf;
--color-dreamscape-purple-50: #ffe4ff;
--color-dreamscape-purple-100: #ffd4ff;
--color-dreamscape-purple-200: #f6b9ff;
--color-dreamscape-purple-300: #df95fd;
--color-dreamscape-purple-400: #c974f0;
--color-dreamscape-purple-500: #b54fe1;
--color-dreamscape-purple-600: #9944be;
--color-dreamscape-purple-700: #7a3699;
--color-dreamscape-purple-800: #592774;
--color-dreamscape-purple-900: #3e1a52;
--color-dreamscape-purple-950: #270937;
}SCSS
$dreamscape-purple: #983dbf;
$dreamscape-purple-rgb: 152, 61, 191;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}