أقرب لون مسمّى · #4D81A9
#4D81A9
أقرب لون مسمّى: Zenith
#4D81A9 (rgb(77 129 169)، hsl(206 37% 48%)، oklch(0.584 0.083 243.1)) أقرب إلى اللون المسمّى Zenith. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#4D81A9
oklch(0.584 0.083 243.1)
تحويلات الألوان
- HEX
- #4d81a9
- RGB
- rgb(77 129 169)
- HSL
- hsl(206 37% 48%)
- HWB
- hwb(206 30% 34%)
- OKLCH
- oklch(0.584 0.083 243.1)
- OKLab
- oklab(0.584 -0.038 -0.074)
- CIE Lab
- lab(51.6 -9.03 -27.08)
- LCH
- lch(51.6 28.55 251.6)
- CMYK
- cmyk(54% 24% 0% 34%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5F8DB2
- 7099BA
- 82A6C3
- 93B2CC
- A5BFD4
- B7CCDD
- C8D8E5
- DAE5EE
- EDF2F6
درجات داكنة
- 426F92
- 375E7C
- 2C4E67
- 223E53
- 182E3F
- 0F1F2C
- 07121B
- 02060A
- 000101
درجات رمادية
- 5381A5
- 5981A1
- 5E819D
- 648199
- 698195
- 6E8191
- 72818D
- 778189
- 7C8084
تناسق الألوان
متمم +180°
- 4D81A9
Zenith
- 9E7045
≈ Aged Whisky
متجاور -30° +30°
- 4D81A9
Zenith
- 348899
≈ Precious Stone
- 6B78AD
≈ Regal Azure
ثلاثي +120° +240°
- 4D81A9
Zenith
- A56676
≈ Heather Rose
- 72844B
≈ Grasshopper
متمم منقسم +150° +210°
- 4D81A9
Zenith
- A7695B
≈ Mudbrick
- 8C7A3E
≈ Banyan Tree
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.17:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 5.02:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--zenith: #4d81a9;
--zenith-rgb: 77 129 169;
--zenith-oklch: oklch(0.584 0.083 243.1);
}
.element {
color: var(--zenith);
background-color: hsl(206 37% 48%);
border-color: oklch(0.584 0.083 243.1);
}Tailwind CSS v4
@theme {
--color-zenith: #4d81a9;
--color-zenith-50: #e2f8ff;
--color-zenith-100: #d2ecff;
--color-zenith-200: #b7d9f6;
--color-zenith-300: #94bde0;
--color-zenith-400: #72a5cc;
--color-zenith-500: #528cb9;
--color-zenith-600: #46779c;
--color-zenith-700: #385f7d;
--color-zenith-800: #26465d;
--color-zenith-900: #193041;
--color-zenith-950: #0a1d29;
}SCSS
$zenith: #4d81a9;
$zenith-rgb: 77, 129, 169;
$zenith-light: mix(#fff, $zenith, 20%);
$zenith-dark: mix(#000, $zenith, 20%);
.element {
color: $zenith;
box-shadow: 0 0 0 2px rgba($zenith, 0.35);
}