أقرب لون مسمّى · #303767
#303767
أقرب لون مسمّى: Galaxea
#303767 (rgb(48 55 103)، hsl(232 36% 30%)، oklch(0.356 0.083 275.1)) أقرب إلى اللون المسمّى Galaxea. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#303767
oklch(0.356 0.083 275.1)
تحويلات الألوان
- HEX
- #303767
- RGB
- rgb(48 55 103)
- HSL
- hsl(232 36% 30%)
- HWB
- hwb(232 19% 60%)
- OKLCH
- oklch(0.356 0.083 275.1)
- OKLab
- oklab(0.356 0.007 -0.083)
- CIE Lab
- lab(24.38 8.6 -29.67)
- LCH
- lch(24.38 30.89 286.2)
- CMYK
- cmyk(53% 47% 0% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 414976
- 545C85
- 676F94
- 7B82A3
- 9096B2
- A5AAC1
- BBBFD0
- D1D4E0
- E8E9EF
درجات داكنة
- 282E59
- 21264B
- 1A1E3D
- 131630
- 0C0F23
- 060817
- 03030C
- 010104
- 000000
درجات رمادية
- 373E6A
- 3F466D
- 464D70
- 4E5472
- 565B75
- 5E6377
- 666A7A
- 6F717C
- 77797E
تناسق الألوان
متمم +180°
- 303767
Galaxea
- 483B00
≈ Xanthophobia
متجاور -30° +30°
- 303767
Galaxea
- 093F64
≈ Blue Opal
- 462F5F
≈ Scarlet Gum
ثلاثي +120° +240°
- 303767
Galaxea
- 60291C
≈ Chestnut Leather
- 074828
≈ Alaskan Moss
متمم منقسم +150° +210°
- 303767
Galaxea
- 583200
≈ Eyelash Camel
- 324308
≈ Garden Shadow
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.24:1 · APCA Lc 96
Ag
Failعلى الأسود
WCAG 1.86:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--galaxea: #303767;
--galaxea-rgb: 48 55 103;
--galaxea-oklch: oklch(0.356 0.083 275.1);
}
.element {
color: var(--galaxea);
background-color: hsl(232 36% 30%);
border-color: oklch(0.356 0.083 275.1);
}Tailwind CSS v4
@theme {
--color-galaxea: #303767;
--color-galaxea-50: #eff4ff;
--color-galaxea-100: #e0e6ff;
--color-galaxea-200: #cbd2f8;
--color-galaxea-300: #acb4e2;
--color-galaxea-400: #909bd0;
--color-galaxea-500: #7682bd;
--color-galaxea-600: #646ea0;
--color-galaxea-700: #505880;
--color-galaxea-800: #39405f;
--color-galaxea-900: #272c43;
--color-galaxea-950: #15192b;
}SCSS
$galaxea: #303767;
$galaxea-rgb: 48, 55, 103;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}