Benannte Farbe · #424753
Midnight Sky
Midnight Sky ist #424753: rgb(66 71 83), hsl(222 11% 29%), oklch(0.398 0.021 267.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Midnight Sky color name →
#424753
oklch(0.398 0.021 267.5)
Farbumrechnungen
- HEX
- #424753
- RGB
- rgb(66 71 83)
- HSL
- hsl(222 11% 29%)
- HWB
- hwb(222 26% 67%)
- OKLCH
- oklch(0.398 0.021 267.5)
- OKLab
- oklab(0.398 -0.001 -0.021)
- CIE Lab
- lab(30.04 0.11 -7.92)
- LCH
- lch(30.04 7.93 270.8)
- CMYK
- cmyk(20% 14% 0% 67%)
Tints · Shades · Tones
Tints
- 535763
- 646873
- 767A83
- 888C94
- 9B9EA5
- AEB1B6
- C2C4C8
- D6D7DA
- EAEBEC
Shades
- 383D47
- 2F323B
- 252830
- 1C1F25
- 14161B
- 0B0D11
- 050608
- 010202
- 000000
Tones
- 484C57
- 4E525C
- 545860
- 5A5D65
- 606369
- 66696E
- 6D6E72
- 737477
- 7A7A7B
Farbharmonien
Komplementär +180°
- 424753
Midnight Sky
- 4C473A
≈ Seaweed Wrap
Analog -30° +30°
- 424753
Midnight Sky
- 3D4951
≈ Medium Gunship Grey
- 484551
≈ Ishtar
Triadisch +120° +240°
- 424753
Midnight Sky
- 524341
≈ Spiced Hot Chocolate
- 404A41
≈ Nightly Ivy
Geteilt komplementär +150° +210°
- 424753
Midnight Sky
- 50443C
≈ Dark Granite
- 46493C
≈ Treasure Island
Tetradisch +90° +180° +270°
- 424753
Midnight Sky
- 514347
≈ Plum Brown
- 4C473A
≈ Seaweed Wrap
- 3B4B47
≈ Deep Mooring
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.30:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-sky: #424753;
--midnight-sky-rgb: 66 71 83;
--midnight-sky-oklch: oklch(0.398 0.021 267.5);
}
.element {
color: var(--midnight-sky);
background-color: hsl(222 11% 29%);
border-color: oklch(0.398 0.021 267.5);
}Tailwind CSS v4
@theme {
--color-midnight-sky: #424753;
--color-midnight-sky-50: #f3f5fb;
--color-midnight-sky-100: #e5e8ef;
--color-midnight-sky-200: #d0d4de;
--color-midnight-sky-300: #b3b7c3;
--color-midnight-sky-400: #999eab;
--color-midnight-sky-500: #808695;
--color-midnight-sky-600: #6c717e;
--color-midnight-sky-700: #565b65;
--color-midnight-sky-800: #3f424a;
--color-midnight-sky-900: #2b2e33;
--color-midnight-sky-950: #191b1f;
}SCSS
$midnight-sky: #424753;
$midnight-sky-rgb: 66, 71, 83;
$midnight-sky-light: mix(#fff, $midnight-sky, 20%);
$midnight-sky-dark: mix(#000, $midnight-sky, 20%);
.element {
color: $midnight-sky;
box-shadow: 0 0 0 2px rgba($midnight-sky, 0.35);
}