이름 색상 · #385058

Mountain Midnight

Mountain Midnight은(는) #385058: rgb(56 80 88), hsl(195 22% 28%), oklch(0.415 0.032 220.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Mountain Midnight color name →

#385058

oklch(0.415 0.032 220.5)

색상 변환

HEX: #385058
RGB: rgb(56 80 88)
HSL: hsl(195 22% 28%)
HWB: hwb(195 22% 65%)
OKLCH: oklch(0.415 0.032 220.5)
OKLab: oklab(0.415 -0.024 -0.021)
CIE Lab: lab(32.31 -7.8 -7.83)
LCH: lch(32.31 11.05 225.1)
CMYK: cmyk(36% 9% 0% 65%)

틴트 · 셰이드 · 톤

틴트

4A6067
5C7077
6F8187
839297
96A3A8
ABB5B9
BFC7CA
D4D9DB
E9ECED

셰이드

2F444B
27393F
1F2E33
172428
0F1A1D
081012
040709
010203
000000

톤

3F555C
465960
4D5E64
556368
5C686C
636C70
6A7174
717678
797B7C

색 조화

보색 +180°

385058
Mountain Midnight
5B463E
≈ Heritage Oak

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 8.54:1 · APCA Lc 89

AAA

검은색 위

WCAG 2.45:1 · APCA Lc 13

Fail

가장 좋은 글자색: #FFFFFF

WCAG 8.54:1 (AAA) · APCA Lc 89

Contrast pairs

코드 스니펫

CSS

:root {
  --mountain-midnight: #385058;
  --mountain-midnight-rgb: 56 80 88;
  --mountain-midnight-oklch: oklch(0.415 0.032 220.5);
}

.element {
  color: var(--mountain-midnight);
  background-color: hsl(195 22% 28%);
  border-color: oklch(0.415 0.032 220.5);
}

Tailwind CSS v4

@theme {
  --color-mountain-midnight: #385058;
  --color-mountain-midnight-50: #ecf7fc;
  --color-mountain-midnight-100: #ddebf0;
  --color-mountain-midnight-200: #c6d8de;
  --color-mountain-midnight-300: #a6bbc3;
  --color-mountain-midnight-400: #8aa3ac;
  --color-mountain-midnight-500: #6f8c95;
  --color-mountain-midnight-600: #5e767e;
  --color-mountain-midnight-700: #4b5e65;
  --color-mountain-midnight-800: #36454a;
  --color-mountain-midnight-900: #253033;
  --color-mountain-midnight-950: #141c1f;
}

SCSS

$mountain-midnight: #385058;
$mountain-midnight-rgb: 56, 80, 88;
$mountain-midnight-light: mix(#fff, $mountain-midnight, 20%);
$mountain-midnight-dark: mix(#000, $mountain-midnight, 20%);

.element {
  color: $mountain-midnight;
  box-shadow: 0 0 0 2px rgba($mountain-midnight, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API