أقرب لون مسمّى · #366EB1
#366EB1
أقرب لون مسمّى: Matt Blue
#366EB1 (rgb(54 110 177)، hsl(213 53% 45%)، oklch(0.533 0.121 254.4)) أقرب إلى اللون المسمّى Matt Blue. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#366EB1
oklch(0.533 0.121 254.4)
تحويلات الألوان
- HEX
- #366eb1
- RGB
- rgb(54 110 177)
- HSL
- hsl(213 53% 45%)
- HWB
- hwb(213 21% 31%)
- OKLCH
- oklch(0.533 0.121 254.4)
- OKLab
- oklab(0.533 -0.033 -0.117)
- CIE Lab
- lab(45.17 -1.47 -41.83)
- LCH
- lch(45.17 41.86 268)
- CMYK
- cmyk(69% 38% 0% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4B7CB9
- 5E8BC2
- 7299CA
- 86A7D2
- 99B6DA
- ADC4E1
- C1D3E9
- D6E1F0
- EAF0F8
درجات داكنة
- 2E5F99
- 255083
- 1E416C
- 163357
- 0F2642
- 08192F
- 030E1C
- 01040C
- 000101
درجات رمادية
- 3F70AD
- 4773A8
- 4F75A3
- 57779F
- 5E789A
- 657A95
- 6C7C90
- 737D8B
- 797F85
تناسق الألوان
متمم +180°
- 366EB1
Matt Blue
- 936100
≈ Raw Sienna
متجاور -30° +30°
- 366EB1
Matt Blue
- 007898
≈ Pristine Seas
- 6661B0
≈ Blue Marguerite
ثلاثي +120° +240°
- 366EB1
Matt Blue
- A74B57
≈ Black Pudding
- 4D7C2C
≈ Master Chief
متمم منقسم +150° +210°
- 366EB1
Matt Blue
- A5522B
≈ Alfajor Brown
- 786F00
≈ Bronze Yellow
رباعي +90° +180° +270°
- 366EB1
Matt Blue
- 9C4D7D
≈ Orchid Lei
- 936100
≈ Raw Sienna
- 00815B
≈ Irish Beauty
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.22:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.02:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--matt-blue: #366eb1;
--matt-blue-rgb: 54 110 177;
--matt-blue-oklch: oklch(0.533 0.121 254.4);
}
.element {
color: var(--matt-blue);
background-color: hsl(213 53% 45%);
border-color: oklch(0.533 0.121 254.4);
}Tailwind CSS v4
@theme {
--color-matt-blue: #366eb1;
--color-matt-blue-50: #dff7ff;
--color-matt-blue-100: #ceeaff;
--color-matt-blue-200: #b3d7ff;
--color-matt-blue-300: #8fbaf5;
--color-matt-blue-400: #6ba1e5;
--color-matt-blue-500: #4988d4;
--color-matt-blue-600: #3e73b3;
--color-matt-blue-700: #325c90;
--color-matt-blue-800: #20446b;
--color-matt-blue-900: #152f4b;
--color-matt-blue-950: #071b32;
}SCSS
$matt-blue: #366eb1;
$matt-blue-rgb: 54, 110, 177;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}