أقرب لون مسمّى · #51295B
#51295B
أقرب لون مسمّى: Wonka Purple
#51295B (rgb(81 41 91)، hsl(288 38% 26%)، oklch(0.356 0.095 319.3)) أقرب إلى اللون المسمّى Wonka Purple. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#51295B
oklch(0.356 0.095 319.3)
تحويلات الألوان
- HEX
- #51295b
- RGB
- rgb(81 41 91)
- HSL
- hsl(288 38% 26%)
- HWB
- hwb(288 16% 64%)
- OKLCH
- oklch(0.356 0.095 319.3)
- OKLab
- oklab(0.356 0.072 -0.062)
- CIE Lab
- lab(23.85 25.68 -22.4)
- LCH
- lch(23.85 34.08 318.9)
- CMYK
- cmyk(11% 55% 0% 64%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 613D6B
- 72517A
- 83658A
- 947A9A
- A58FAB
- B6A4BB
- C8BACC
- DAD1DD
- EDE8EE
درجات داكنة
- 45224E
- 3A1C41
- 2F1535
- 240F29
- 1A091E
- 100513
- 070209
- 020103
- 000000
درجات رمادية
- 56325F
- 5B3B63
- 604367
- 644C6B
- 69556E
- 6E5D72
- 726676
- 776E79
- 7B777D
تناسق الألوان
متمم +180°
- 51295B
Wonka Purple
- 1D4711
≈ Dark Fern
متجاور -30° +30°
- 51295B
Wonka Purple
- 3C316A
≈ Minsk
- 5F2344
≈ Plum Caspia
ثلاثي +120° +240°
- 51295B
Wonka Purple
- 503700
≈ Eyelash Camel
- 004548
≈ Dark Side
متمم منقسم +150° +210°
- 51295B
Wonka Purple
- 3F3F00
≈ Dark Olive
- 004836
≈ UP Forest Green
رباعي +90° +180° +270°
- 51295B
Wonka Purple
- 622900
≈ Count Chocula
- 1D4711
≈ Dark Fern
- 004259
≈ Maniac Mansion
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.55:1 · APCA Lc 96
Ag
Failعلى الأسود
WCAG 1.81:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wonka-purple: #51295b;
--wonka-purple-rgb: 81 41 91;
--wonka-purple-oklch: oklch(0.356 0.095 319.3);
}
.element {
color: var(--wonka-purple);
background-color: hsl(288 38% 26%);
border-color: oklch(0.356 0.095 319.3);
}Tailwind CSS v4
@theme {
--color-wonka-purple: #51295b;
--color-wonka-purple-50: #ffedff;
--color-wonka-purple-100: #f7defc;
--color-wonka-purple-200: #e8c7ed;
--color-wonka-purple-300: #cea8d5;
--color-wonka-purple-400: #b78cc2;
--color-wonka-purple-500: #a271ae;
--color-wonka-purple-600: #896093;
--color-wonka-purple-700: #6d4c76;
--color-wonka-purple-800: #503858;
--color-wonka-purple-900: #38263e;
--color-wonka-purple-950: #221427;
}SCSS
$wonka-purple: #51295b;
$wonka-purple-rgb: 81, 41, 91;
$wonka-purple-light: mix(#fff, $wonka-purple, 20%);
$wonka-purple-dark: mix(#000, $wonka-purple, 20%);
.element {
color: $wonka-purple;
box-shadow: 0 0 0 2px rgba($wonka-purple, 0.35);
}