لون مسمّى · #5A06EF
Wèi Lán Azure
Wèi Lán Azure هو #5A06EF: rgb(90 6 239)، hsl(262 95% 48%)، oklch(0.477 0.279 283.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Wèi Lán Azure color name →
#5A06EF
oklch(0.477 0.279 283.5)
تحويلات الألوان
- HEX
- #5a06ef
- RGB
- rgb(90 6 239)
- HSL
- hsl(262 95% 48%)
- HWB
- hwb(262 2% 6%)
- OKLCH
- oklch(0.477 0.279 283.5)
- OKLab
- oklab(0.477 0.065 -0.271)
- CIE Lab
- lab(33.22 67.55 -96.77)
- LCH
- lch(33.22 118.02 304.9)
- CMYK
- cmyk(62% 97% 0% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 643EF3
- 715BF7
- 7F73FA
- 8F88FD
- 9F9DFF
- B1B1FF
- C4C5FF
- D7D8FF
- EBECFF
درجات داكنة
- 4D04D0
- 4103B1
- 350294
- 290178
- 1E015C
- 130042
- 09002A
- 030014
- 000003
درجات رمادية
- 5B2DE5
- 5C3FDB
- 5F4CD0
- 6257C6
- 6560BB
- 6A68B0
- 6F6FA5
- 747599
- 7A7B8D
تناسق الألوان
متمم +180°
- 5A06EF
Wèi Lán Azure
- 675F00
≈ Green Brown
متجاور -30° +30°
- 5A06EF
Wèi Lán Azure
- 005CAD
≈ Bottled Sea
- 8900B7
≈ Shade of Violet
ثلاثي +120° +240°
- 5A06EF
Wèi Lán Azure
- 9A3A00
≈ Chocoholic
- 006E4C
≈ Natural Watercourse
متمم منقسم +150° +210°
- 5A06EF
Wèi Lán Azure
- 7E5200
≈ Intense Brown
- 3B6C00
≈ Tatzelwurm Green
رباعي +90° +180° +270°
- 5A06EF
Wèi Lán Azure
- AD003C
≈ Bindi Red
- 675F00
≈ Green Brown
- 006B6A
≈ Mayan Blue
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.75:1 · APCA Lc 84
Ag
Failعلى الأسود
WCAG 2.70:1 · APCA Lc 18
أفضل لون للنص: #FFFFFF
WCAG 7.75:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wei-lan-azure: #5a06ef;
--wei-lan-azure-rgb: 90 6 239;
--wei-lan-azure-oklch: oklch(0.477 0.279 283.5);
}
.element {
color: var(--wei-lan-azure);
background-color: hsl(262 95% 48%);
border-color: oklch(0.477 0.279 283.5);
}Tailwind CSS v4
@theme {
--color-wei-lan-azure: #5a06ef;
--color-wei-lan-azure-50: #edeaff;
--color-wei-lan-azure-100: #dfdaff;
--color-wei-lan-azure-200: #cac0ff;
--color-wei-lan-azure-300: #ae9bff;
--color-wei-lan-azure-400: #9277ff;
--color-wei-lan-azure-500: #7e48ff;
--color-wei-lan-azure-600: #6a40ff;
--color-wei-lan-azure-700: #5533d0;
--color-wei-lan-azure-800: #3a259d;
--color-wei-lan-azure-900: #281970;
--color-wei-lan-azure-950: #17064e;
}SCSS
$wei-lan-azure: #5a06ef;
$wei-lan-azure-rgb: 90, 6, 239;
$wei-lan-azure-light: mix(#fff, $wei-lan-azure, 20%);
$wei-lan-azure-dark: mix(#000, $wei-lan-azure, 20%);
.element {
color: $wei-lan-azure;
box-shadow: 0 0 0 2px rgba($wei-lan-azure, 0.35);
}