이름 색상 · #444B4A
Moonless Sky
Moonless Sky은(는) #444B4A: rgb(68 75 74), hsl(171 5% 28%), oklch(0.406 0.009 186.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Moonless Sky color name →
#444B4A
oklch(0.406 0.009 186.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 555B5A
- 666C6B
- 777D7C
- 8A8E8E
- 9CA0A0
- AFB3B2
- C3C5C5
- D6D8D8
- EBEBEB
셰이드
- 3A403F
- 303535
- 262B2A
- 1D2120
- 141717
- 0C0E0E
- 050606
- 020202
- 000000
톤
- 4A504F
- 505554
- 555A5A
- 5B605F
- 616564
- 676A6A
- 6D706F
- 747575
- 7A7A7A
색 조화
보색 +180°
- 444B4A
Moonless Sky
- 4E4748
≈ Black Elegance
유사색 -30° +30°
- 444B4A
Moonless Sky
- 454B47
≈ Bamboo Charcoal
- 444B4D
≈ Black Sable
삼각 배색 +120° +240°
- 444B4A
Moonless Sky
- 4A484D
≈ Limo-Scene
- 4D4844
≈ Warm Onyx
분열 보색 +150° +210°
- 444B4A
Moonless Sky
- 4D474B
≈ Black Elegance
- 4E4846
≈ Espresso Macchiato
사각 배색 +90° +180° +270°
- 444B4A
Moonless Sky
- 48494E
≈ Tuna
- 4E4748
≈ Black Elegance
- 4B4944
≈ Stealth Jet
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.93:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.35:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.93:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}