Benannte Farbe · #416FAF
Wide Sky
Wide Sky ist #416FAF: rgb(65 111 175), hsl(215 46% 47%), oklch(0.539 0.113 257). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Wide Sky color name →
#416FAF
oklch(0.539 0.113 257)
Farbumrechnungen
- HEX
- #416faf
- RGB
- rgb(65 111 175)
- HSL
- hsl(215 46% 47%)
- HWB
- hwb(215 25% 31%)
- OKLCH
- oklch(0.539 0.113 257)
- OKLab
- oklab(0.539 -0.025 -0.11)
- CIE Lab
- lab(45.87 -0.41 -39.53)
- LCH
- lch(45.87 39.53 269.4)
- CMYK
- cmyk(63% 37% 0% 31%)
Tints · Shades · Tones
Tints
- 537DB8
- 668BC0
- 7899C8
- 8BA8D0
- 9EB6D8
- B1C4E0
- C4D3E8
- D7E2F0
- EBF0F8
Shades
- 376098
- 2E5181
- 25426B
- 1C3456
- 132741
- 0B1A2E
- 050E1C
- 01040B
- 000101
Tones
- 4871AB
- 4F73A6
- 5575A2
- 5C779D
- 627999
- 687A94
- 6E7C8F
- 747D8A
- 7A7F85
Farbharmonien
Komplementär +180°
- 416FAF
Wide Sky
- 936400
≈ Gamboge Brown
Analog -30° +30°
- 416FAF
Wide Sky
- 007A9D
≈ Sea Sight
- 6B63AC
≈ Blue Iris
Triadisch +120° +240°
- 416FAF
Wide Sky
- A65057
≈ Cranberry Jam
- 4D7D38
≈ Luscious Lemongrass
Geteilt komplementär +150° +210°
- 416FAF
Wide Sky
- A3572F
≈ Tense Terracotta
- 767208
≈ Bronze Yellow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.10:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.11:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--wide-sky: #416faf;
--wide-sky-rgb: 65 111 175;
--wide-sky-oklch: oklch(0.539 0.113 257);
}
.element {
color: var(--wide-sky);
background-color: hsl(215 46% 47%);
border-color: oklch(0.539 0.113 257);
}Tailwind CSS v4
@theme {
--color-wide-sky: #416faf;
--color-wide-sky-50: #e2f7ff;
--color-wide-sky-100: #d2eaff;
--color-wide-sky-200: #b8d6ff;
--color-wide-sky-300: #95b9f1;
--color-wide-sky-400: #72a0e1;
--color-wide-sky-500: #5387d0;
--color-wide-sky-600: #4772af;
--color-wide-sky-700: #385c8d;
--color-wide-sky-800: #264369;
--color-wide-sky-900: #192f4a;
--color-wide-sky-950: #0a1b30;
}SCSS
$wide-sky: #416faf;
$wide-sky-rgb: 65, 111, 175;
$wide-sky-light: mix(#fff, $wide-sky, 20%);
$wide-sky-dark: mix(#000, $wide-sky, 20%);
.element {
color: $wide-sky;
box-shadow: 0 0 0 2px rgba($wide-sky, 0.35);
}