لون مسمّى · #7CB9E8
Aero
Aero هو #7CB9E8: rgb(124 185 232)، hsl(206 70% 70%)، oklch(0.762 0.093 242.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Aero color name →
#7CB9E8
oklch(0.762 0.093 242.6)
تحويلات الألوان
- HEX
- #7cb9e8
- RGB
- rgb(124 185 232)
- HSL
- hsl(206 70% 70%)
- HWB
- hwb(206 49% 9%)
- OKLCH
- oklch(0.762 0.093 242.6)
- OKLab
- oklab(0.762 -0.043 -0.082)
- CIE Lab
- lab(72.33 -10.92 -30.13)
- LCH
- lch(72.33 32.05 250.1)
- CMYK
- cmyk(47% 20% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8AC0EB
- 97C7ED
- A4CEF0
- B1D5F2
- BEDCF4
- CBE3F7
- D8EAF9
- E5F1FB
- F2F8FD
درجات داكنة
- 6BA0CA
- 5A89AC
- 4A7190
- 3B5B74
- 2C4659
- 1E3140
- 111E29
- 050D13
- 010203
درجات رمادية
- 7DB3DD
- 7EAED3
- 7FA8C8
- 80A2BE
- 809DB3
- 8097A9
- 81919F
- 818B94
- 80868A
تناسق الألوان
متمم +180°
- 7CB9E8
Aero
- DCA573
≈ Gehenna’s Gold
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.10:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.96:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aero: #7cb9e8;
--aero-rgb: 124 185 232;
--aero-oklch: oklch(0.762 0.093 242.6);
}
.element {
color: var(--aero);
background-color: hsl(206 70% 70%);
border-color: oklch(0.762 0.093 242.6);
}Tailwind CSS v4
@theme {
--color-aero: #7cb9e8;
--color-aero-50: #e0f9ff;
--color-aero-100: #cfecff;
--color-aero-200: #b4d9fa;
--color-aero-300: #8fbde4;
--color-aero-400: #6ca5d1;
--color-aero-500: #498dbe;
--color-aero-600: #3f77a1;
--color-aero-700: #325f81;
--color-aero-800: #22465f;
--color-aero-900: #163143;
--color-aero-950: #071d2b;
}SCSS
$aero: #7cb9e8;
$aero-rgb: 124, 185, 232;
$aero-light: mix(#fff, $aero, 20%);
$aero-dark: mix(#000, $aero, 20%);
.element {
color: $aero;
box-shadow: 0 0 0 2px rgba($aero, 0.35);
}