لون مسمّى · #845998
Purple Squid
Purple Squid هو #845998: rgb(132 89 152)، hsl(281 26% 47%)، oklch(0.535 0.107 314.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Purple Squid color name →
#845998
oklch(0.535 0.107 314.5)
تحويلات الألوان
- HEX
- #845998
- RGB
- rgb(132 89 152)
- HSL
- hsl(281 26% 47%)
- HWB
- hwb(281 35% 40%)
- OKLCH
- oklch(0.535 0.107 314.5)
- OKLab
- oklab(0.535 0.075 -0.076)
- CIE Lab
- lab(44.52 27.02 -27.65)
- LCH
- lch(44.52 38.65 314.3)
- CMYK
- cmyk(13% 41% 0% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9069A2
- 9C79AD
- A889B7
- B499C1
- C0AACC
- CDBAD6
- D9CBE0
- E6DCEA
- F2EEF5
درجات داكنة
- 724C84
- 604070
- 4F345C
- 3F284A
- 2F1D38
- 201327
- 120917
- 060308
- 010001
درجات رمادية
- 845D96
- 836294
- 836691
- 836A8F
- 826D8D
- 82718A
- 827588
- 817985
- 817C83
تناسق الألوان
متمم +180°
- 845998
Purple Squid
- 527B37
≈ Luscious Lemongrass
متجاور -30° +30°
- 845998
Purple Squid
- 6763A9
≈ Blue Iris
- 98527C
≈ Sea Fan Fuchsia
ثلاثي +120° +240°
- 845998
Purple Squid
- 916312
≈ Tapenade
- 007D7D
≈ Parasailing
متمم منقسم +150° +210°
- 845998
Purple Squid
- 777013
≈ Bronze Yellow
- 16805D
≈ Spanish Viridian
رباعي +90° +180° +270°
- 845998
Purple Squid
- 9F5735
≈ Cinnamon Sparkle
- 527B37
≈ Luscious Lemongrass
- 007999
≈ Sea Sight
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.43:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.86:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--purple-squid: #845998;
--purple-squid-rgb: 132 89 152;
--purple-squid-oklch: oklch(0.535 0.107 314.5);
}
.element {
color: var(--purple-squid);
background-color: hsl(281 26% 47%);
border-color: oklch(0.535 0.107 314.5);
}Tailwind CSS v4
@theme {
--color-purple-squid: #845998;
--color-purple-squid-50: #ffecff;
--color-purple-squid-100: #f7deff;
--color-purple-squid-200: #e7c7f3;
--color-purple-squid-300: #cda7dc;
--color-purple-squid-400: #b68bca;
--color-purple-squid-500: #a06fb7;
--color-purple-squid-600: #875f9b;
--color-purple-squid-700: #6c4b7c;
--color-purple-squid-800: #4f375d;
--color-purple-squid-900: #372641;
--color-purple-squid-950: #22142a;
}SCSS
$purple-squid: #845998;
$purple-squid-rgb: 132, 89, 152;
$purple-squid-light: mix(#fff, $purple-squid, 20%);
$purple-squid-dark: mix(#000, $purple-squid, 20%);
.element {
color: $purple-squid;
box-shadow: 0 0 0 2px rgba($purple-squid, 0.35);
}