Nazwany kolor · #444B4A
Moonless Sky
Moonless Sky to #444B4A: rgb(68 75 74), hsl(171 5% 28%), oklch(0.406 0.009 186.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moonless Sky color name →
#444B4A
oklch(0.406 0.009 186.5)
Konwersje koloru
- HEX
- #444b4a
- RGB
- rgb(68 75 74)
- HSL
- hsl(171 5% 28%)
- HWB
- hwb(171 27% 71%)
- OKLCH
- oklch(0.406 0.009 186.5)
- OKLab
- oklab(0.406 -0.009 -0.001)
- CIE Lab
- lab(31.22 -3.11 -0.43)
- LCH
- lch(31.22 3.14 187.8)
- CMYK
- cmyk(9% 0% 1% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 555B5A
- 666C6B
- 777D7C
- 8A8E8E
- 9CA0A0
- AFB3B2
- C3C5C5
- D6D8D8
- EBEBEB
Odcienie ciemniejsze
- 3A403F
- 303535
- 262B2A
- 1D2120
- 141717
- 0C0E0E
- 050606
- 020202
- 000000
Tony
- 4A504F
- 505554
- 555A5A
- 5B605F
- 616564
- 676A6A
- 6D706F
- 747575
- 7A7A7A
Harmonie kolorów
Komplementarna +180°
- 444B4A
Moonless Sky
- 4E4748
≈ Black Elegance
Analogowa -30° +30°
- 444B4A
Moonless Sky
- 454B47
≈ Bamboo Charcoal
- 444B4D
≈ Black Sable
Triada +120° +240°
- 444B4A
Moonless Sky
- 4A484D
≈ Limo-Scene
- 4D4844
≈ Warm Onyx
Komplementarna rozszczepiona +150° +210°
- 444B4A
Moonless Sky
- 4D474B
≈ Black Elegance
- 4E4846
≈ Espresso Macchiato
Tetrada +90° +180° +270°
- 444B4A
Moonless Sky
- 48494E
≈ Tuna
- 4E4748
≈ Black Elegance
- 4B4944
≈ Stealth Jet
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.93:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.35:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.93:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonless-sky: #444b4a;
--moonless-sky-rgb: 68 75 74;
--moonless-sky-oklch: oklch(0.406 0.009 186.5);
}
.element {
color: var(--moonless-sky);
background-color: hsl(171 5% 28%);
border-color: oklch(0.406 0.009 186.5);
}Tailwind CSS v4
@theme {
--color-moonless-sky: #444b4a;
--color-moonless-sky-50: #f2f6f5;
--color-moonless-sky-100: #e5e9e8;
--color-moonless-sky-200: #d0d5d5;
--color-moonless-sky-300: #b2b9b8;
--color-moonless-sky-400: #99a09f;
--color-moonless-sky-500: #808887;
--color-moonless-sky-600: #6c7372;
--color-moonless-sky-700: #565c5b;
--color-moonless-sky-800: #3f4343;
--color-moonless-sky-900: #2b2f2e;
--color-moonless-sky-950: #191b1b;
}SCSS
$moonless-sky: #444b4a;
$moonless-sky-rgb: 68, 75, 74;
$moonless-sky-light: mix(#fff, $moonless-sky, 20%);
$moonless-sky-dark: mix(#000, $moonless-sky, 20%);
.element {
color: $moonless-sky;
box-shadow: 0 0 0 2px rgba($moonless-sky, 0.35);
}