أقرب لون مسمّى · #49006B
#49006B
أقرب لون مسمّى: Velvet Vortex
#49006B (rgb(73 0 107)، hsl(281 100% 21%)، oklch(0.313 0.159 309.7)) أقرب إلى اللون المسمّى Velvet Vortex. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#49006B
oklch(0.313 0.159 309.7)
تحويلات الألوان
- HEX
- #49006b
- RGB
- rgb(73 0 107)
- HSL
- hsl(281 100% 21%)
- HWB
- hwb(281 0% 58%)
- OKLCH
- oklch(0.313 0.159 309.7)
- OKLab
- oklab(0.313 0.101 -0.122)
- CIE Lab
- lab(17.34 42.86 -43.41)
- LCH
- lch(17.34 61.01 314.6)
- CMYK
- cmyk(32% 100% 0% 58%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5A247A
- 6B3D89
- 7C5598
- 8E6CA7
- A084B6
- B29CC5
- C5B4D3
- D8CDE2
- EBE6F0
درجات داكنة
- 3E005C
- 34004E
- 2A003F
- 200032
- 170025
- 0E0018
- 06000D
- 020004
- 000000
درجات رمادية
- 4E176E
- 542671
- 593374
- 5F3F76
- 644A78
- 6A557A
- 6F607C
- 756B7E
- 7A757F
تناسق الألوان
متمم +180°
- 49006B
Velvet Vortex
- 233900
≈ Melancholia
متجاور -30° +30°
- 49006B
Velvet Vortex
- 29177E
≈ Indiglow
- 590046
≈ Royal Ash
ثلاثي +120° +240°
- 49006B
Velvet Vortex
- 472A00
≈ Stirland Mud
- 003A37
≈ Night Turquoise
متمم منقسم +150° +210°
- 49006B
Velvet Vortex
- 393100
≈ Hidden Passage
- 003C24
≈ Off-Road Green
رباعي +90° +180° +270°
- 49006B
Velvet Vortex
- 581900
≈ Baragon Brown
- 233900
≈ Melancholia
- 003845
≈ Natural Indigo
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 14.04:1 · APCA Lc 99
Ag
Failعلى الأسود
WCAG 1.49:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 14.04:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--velvet-vortex: #49006b;
--velvet-vortex-rgb: 73 0 107;
--velvet-vortex-oklch: oklch(0.313 0.159 309.7);
}
.element {
color: var(--velvet-vortex);
background-color: hsl(281 100% 21%);
border-color: oklch(0.313 0.159 309.7);
}Tailwind CSS v4
@theme {
--color-velvet-vortex: #49006b;
--color-velvet-vortex-50: #ffe9ff;
--color-velvet-vortex-100: #fad9ff;
--color-velvet-vortex-200: #ebc1ff;
--color-velvet-vortex-300: #d29ff2;
--color-velvet-vortex-400: #bb81e4;
--color-velvet-vortex-500: #a662d3;
--color-velvet-vortex-600: #8c54b2;
--color-velvet-vortex-700: #70438f;
--color-velvet-vortex-800: #51306c;
--color-velvet-vortex-900: #39214c;
--color-velvet-vortex-950: #231032;
}SCSS
$velvet-vortex: #49006b;
$velvet-vortex-rgb: 73, 0, 107;
$velvet-vortex-light: mix(#fff, $velvet-vortex, 20%);
$velvet-vortex-dark: mix(#000, $velvet-vortex, 20%);
.element {
color: $velvet-vortex;
box-shadow: 0 0 0 2px rgba($velvet-vortex, 0.35);
}