Benannte Farbe · #EDF2F8
Airport
Airport ist #EDF2F8: rgb(237 242 248), hsl(213 44% 95%), oklch(0.959 0.01 252.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Airport color name →
#EDF2F8
oklch(0.959 0.01 252.8)
Farbumrechnungen
- HEX
- #edf2f8
- RGB
- rgb(237 242 248)
- HSL
- hsl(213 44% 95%)
- HWB
- hwb(213 93% 3%)
- OKLCH
- oklch(0.959 0.01 252.8)
- OKLab
- oklab(0.959 -0.003 -0.009)
- CIE Lab
- lab(95.24 -0.9 -3.51)
- LCH
- lch(95.24 3.62 255.6)
- CMYK
- cmyk(4% 2% 0% 3%)
Tints · Shades · Tones
Tints
- EFF3F9
- F1F5F9
- F2F6FA
- F4F7FB
- F6F8FC
- F8FAFC
- FAFBFD
- FBFCFE
- FDFEFE
Shades
- CED2D8
- B0B4B8
- 93969A
- 77797C
- 5C5E60
- 424345
- 2A2B2C
- 141415
- 030303
Tones
- E2E6EB
- D6DADF
- CBCED3
- C0C3C6
- B5B7BA
- AAACAE
- 9FA1A2
- 959697
- 8A8B8B
Farbharmonien
Komplementär +180°
- EDF2F8
Airport
- F6F1EB
≈ Winter Doldrums
Analog -30° +30°
- EDF2F8
Airport
- EBF3F6
≈ Milky Way
- F0F1F8
≈ Alpine Goat
Triadisch +120° +240°
- EDF2F8
Airport
- F8EFF0
≈ Vienna Dawn
- EFF3EC
≈ Frosted Juniper
Geteilt komplementär +150° +210°
- EDF2F8
Airport
- F8F0EC
≈ Soft Breeze
- F2F2EB
≈ Picket Fence
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.12:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.65:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.65:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--airport: #edf2f8;
--airport-rgb: 237 242 248;
--airport-oklch: oklch(0.959 0.01 252.8);
}
.element {
color: var(--airport);
background-color: hsl(213 44% 95%);
border-color: oklch(0.959 0.01 252.8);
}Tailwind CSS v4
@theme {
--color-airport: #edf2f8;
--color-airport-50: #f3f5f8;
--color-airport-100: #e6e8eb;
--color-airport-200: #d1d4d8;
--color-airport-300: #b4b8bc;
--color-airport-400: #9a9fa4;
--color-airport-500: #82878d;
--color-airport-600: #6e7277;
--color-airport-700: #585b5f;
--color-airport-800: #404346;
--color-airport-900: #2c2e30;
--color-airport-950: #191b1c;
}SCSS
$airport: #edf2f8;
$airport-rgb: 237, 242, 248;
$airport-light: mix(#fff, $airport, 20%);
$airport-dark: mix(#000, $airport, 20%);
.element {
color: $airport;
box-shadow: 0 0 0 2px rgba($airport, 0.35);
}