Nazwany kolor · #7CB9E8
Aero
Aero to #7CB9E8: rgb(124 185 232), hsl(206 70% 70%), oklch(0.762 0.093 242.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Aero color name →
#7CB9E8
oklch(0.762 0.093 242.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8AC0EB
- 97C7ED
- A4CEF0
- B1D5F2
- BEDCF4
- CBE3F7
- D8EAF9
- E5F1FB
- F2F8FD
Odcienie ciemniejsze
- 6BA0CA
- 5A89AC
- 4A7190
- 3B5B74
- 2C4659
- 1E3140
- 111E29
- 050D13
- 010203
Tony
- 7DB3DD
- 7EAED3
- 7FA8C8
- 80A2BE
- 809DB3
- 8097A9
- 81919F
- 818B94
- 80868A
Harmonie kolorów
Komplementarna +180°
- 7CB9E8
Aero
- DCA573
≈ Gehenna’s Gold
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.96:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
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);
}