أقرب لون مسمّى · #3363AC
#3363AC
أقرب لون مسمّى: Starstruck
#3363AC (rgb(51 99 172)، hsl(216 54% 44%)، oklch(0.504 0.128 258.6)) أقرب إلى اللون المسمّى Starstruck. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3363AC
oklch(0.504 0.128 258.6)
تحويلات الألوان
- HEX
- #3363ac
- RGB
- rgb(51 99 172)
- HSL
- hsl(216 54% 44%)
- HWB
- hwb(216 20% 33%)
- OKLCH
- oklch(0.504 0.128 258.6)
- OKLab
- oklab(0.504 -0.025 -0.125)
- CIE Lab
- lab(41.5 2.81 -44.73)
- LCH
- lch(41.5 44.82 273.6)
- CMYK
- cmyk(70% 42% 0% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4772B5
- 5B82BE
- 6E91C7
- 82A1CF
- 96B0D8
- ABC0E0
- BFCFE8
- D4DFF0
- E9EFF7
درجات داكنة
- 2B5595
- 23477F
- 1C3A69
- 142E54
- 0D2140
- 07162D
- 030B1B
- 01030B
- 000001
درجات رمادية
- 3C67A8
- 446AA4
- 4C6DA0
- 54709C
- 5B7398
- 637693
- 6A798F
- 717B8A
- 797E85
تناسق الألوان
متمم +180°
- 3363AC
Starstruck
- 845C00
≈ Soil of Avagddu
متجاور -30° +30°
- 3363AC
Starstruck
- 006E91
≈ Tropic Sea
- 6355A8
≈ Yuè Guāng Lán Moonlight
ثلاثي +120° +240°
- 3363AC
Starstruck
- A04047
≈ Eternal Flame
- 3A7526
≈ Japanese Laurel
متمم منقسم +150° +210°
- 3363AC
Starstruck
- 9C4910
≈ Oregon
- 6A6800
≈ Earthy Khaki Green
رباعي +90° +180° +270°
- 3363AC
Starstruck
- 974170
≈ Dynamo
- 845C00
≈ Soil of Avagddu
- 00765A
≈ Tropical Rainforest
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.96:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.52:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--starstruck: #3363ac;
--starstruck-rgb: 51 99 172;
--starstruck-oklch: oklch(0.504 0.128 258.6);
}
.element {
color: var(--starstruck);
background-color: hsl(216 54% 44%);
border-color: oklch(0.504 0.128 258.6);
}Tailwind CSS v4
@theme {
--color-starstruck: #3363ac;
--color-starstruck-50: #e1f6ff;
--color-starstruck-100: #d0e9ff;
--color-starstruck-200: #b5d6ff;
--color-starstruck-300: #92b8f9;
--color-starstruck-400: #6f9fe9;
--color-starstruck-500: #4e85d9;
--color-starstruck-600: #4371b7;
--color-starstruck-700: #355b93;
--color-starstruck-800: #23436e;
--color-starstruck-900: #172e4d;
--color-starstruck-950: #081a33;
}SCSS
$starstruck: #3363ac;
$starstruck-rgb: 51, 99, 172;
$starstruck-light: mix(#fff, $starstruck, 20%);
$starstruck-dark: mix(#000, $starstruck, 20%);
.element {
color: $starstruck;
box-shadow: 0 0 0 2px rgba($starstruck, 0.35);
}