이름 색상 · #868578

Mountain Road

Mountain Road은(는) #868578: rgb(134 133 120), hsl(56 6% 50%), oklch(0.614 0.019 103.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#868578

oklch(0.614 0.019 103.4)

색상 변환

HEX: #868578
RGB: rgb(134 133 120)
HSL: hsl(56 6% 50%)
HWB: hwb(56 47% 47%)
OKLCH: oklch(0.614 0.019 103.4)
OKLab: oklab(0.614 -0.004 0.019)
CIE Lab: lab(55.34 -1.42 7.18)
LCH: lch(55.34 7.32 101.2)
CMYK: cmyk(0% 1% 10% 47%)

틴트 · 셰이드 · 톤

틴트

919185
9D9C92
A9A89F
B5B4AC
C1C0B9
CDCDC7
D9D9D5
E6E5E3
F2F2F1

셰이드

747367
626157
515048
404039
30302A
21211D
131310
060605
010101

톤

858579
85847A
84847A
84837B
83837C
82827D
82827E
81817E
81817F

색 조화

보색 +180°

868578
Mountain Road
828390
≈ Formal Affair

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.72:1 · APCA Lc 65

Fail

검은색 위

WCAG 5.63:1 · APCA Lc 37

가장 좋은 글자색: #000000

WCAG 5.63:1 (AA) · APCA Lc 37

Contrast pairs

코드 스니펫

CSS

:root {
  --mountain-road: #868578;
  --mountain-road-rgb: 134 133 120;
  --mountain-road-oklch: oklch(0.614 0.019 103.4);
}

.element {
  color: var(--mountain-road);
  background-color: hsl(56 6% 50%);
  border-color: oklch(0.614 0.019 103.4);
}

Tailwind CSS v4

@theme {
  --color-mountain-road: #868578;
  --color-mountain-road-50: #f6f5ef;
  --color-mountain-road-100: #e8e8e1;
  --color-mountain-road-200: #d5d5cc;
  --color-mountain-road-300: #b8b8ad;
  --color-mountain-road-400: #a09f92;
  --color-mountain-road-500: #888779;
  --color-mountain-road-600: #737266;
  --color-mountain-road-700: #5c5b52;
  --color-mountain-road-800: #44433b;
  --color-mountain-road-900: #2f2e29;
  --color-mountain-road-950: #1b1b16;
}

SCSS

$mountain-road: #868578;
$mountain-road-rgb: 134, 133, 120;
$mountain-road-light: mix(#fff, $mountain-road, 20%);
$mountain-road-dark: mix(#000, $mountain-road, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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