لون مسمّى · #441188
Grim Purple
Grim Purple هو #441188: rgb(68 17 136)، hsl(266 78% 30%)، oklch(0.346 0.174 294.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Grim Purple color name →
#441188
oklch(0.346 0.174 294.3)
تحويلات الألوان
- HEX
- #441188
- RGB
- rgb(68 17 136)
- HSL
- hsl(266 78% 30%)
- HWB
- hwb(266 7% 47%)
- OKLCH
- oklch(0.346 0.174 294.3)
- OKLab
- oklab(0.346 0.072 -0.159)
- CIE Lab
- lab(20.75 42.53 -56.39)
- LCH
- lch(20.75 70.63 307)
- CMYK
- cmyk(50% 88% 0% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 533095
- 6348A2
- 745FAF
- 8675BB
- 998CC7
- ACA2D3
- C0B9DE
- D5D0E9
- EAE7F4
درجات داكنة
- 3A0D75
- 300963
- 260652
- 1D0441
- 140231
- 0C0122
- 050013
- 020006
- 000001
درجات رمادية
- 492488
- 4E3189
- 533D88
- 594788
- 5F5188
- 655B87
- 6B6486
- 726E84
- 797782
تناسق الألوان
متمم +180°
- 441188
Grim Purple
- 393E00
≈ Dark Olive
متجاور -30° +30°
- 441188
Grim Purple
- 072992
≈ Blue Torus
- 5F0067
≈ Purple Dreamer
ثلاثي +120° +240°
- 441188
Grim Purple
- 5B2B00
≈ Count Chocula
- 004437
≈ UP Forest Green
متمم منقسم +150° +210°
- 441188
Grim Purple
- 4B3600
≈ Night in the Woods
- 00470A
≈ Borg Drone
رباعي +90° +180° +270°
- 441188
Grim Purple
- 71000F
≈ Barolo
- 393E00
≈ Dark Olive
- 004248
≈ Warm Black
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.48:1 · APCA Lc 97
Ag
Failعلى الأسود
WCAG 1.68:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.48:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grim-purple: #441188;
--grim-purple-rgb: 68 17 136;
--grim-purple-oklch: oklch(0.346 0.174 294.3);
}
.element {
color: var(--grim-purple);
background-color: hsl(266 78% 30%);
border-color: oklch(0.346 0.174 294.3);
}Tailwind CSS v4
@theme {
--color-grim-purple: #441188;
--color-grim-purple-50: #f9ecff;
--color-grim-purple-100: #edddff;
--color-grim-purple-200: #dbc5ff;
--color-grim-purple-300: #c0a4ff;
--color-grim-purple-400: #a686fa;
--color-grim-purple-500: #9067ec;
--color-grim-purple-600: #7a58c7;
--color-grim-purple-700: #6146a0;
--color-grim-purple-800: #453378;
--color-grim-purple-900: #302355;
--color-grim-purple-950: #1d1139;
}SCSS
$grim-purple: #441188;
$grim-purple-rgb: 68, 17, 136;
$grim-purple-light: mix(#fff, $grim-purple, 20%);
$grim-purple-dark: mix(#000, $grim-purple, 20%);
.element {
color: $grim-purple;
box-shadow: 0 0 0 2px rgba($grim-purple, 0.35);
}