이름 색상 · #615742

Mountain Trail

Mountain Trail은(는) #615742: rgb(97 87 66), hsl(41 19% 32%), oklch(0.46 0.035 85.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#615742

oklch(0.46 0.035 85.4)

색상 변환

HEX: #615742
RGB: rgb(97 87 66)
HSL: hsl(41 19% 32%)
HWB: hwb(41 26% 62%)
OKLCH: oklch(0.46 0.035 85.4)
OKLab: oklab(0.46 0.003 0.035)
CIE Lab: lab(37.52 1.54 13.82)
LCH: lch(37.52 13.9 83.6)
CMYK: cmyk(0% 10% 32% 62%)

틴트 · 셰이드 · 톤

틴트

706653
7E7665
8D8677
9D9689
ADA79C
BDB8AF
CDC9C2
DDDBD6
EEEDEA

셰이드

534B38
463E2F
393325
2D271C
211C14
15120B
0B0805
030301
000000

톤

645B48
675F4E
6A6354
6D675B
706B61
736F67
77746D
7A7873
7D7C7A

색 조화

보색 +180°

615742
Mountain Trail
4F586C
≈ Midnight Sun

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 7.11:1 · APCA Lc 85

AAA

검은색 위

WCAG 2.95:1 · APCA Lc 17

Fail

가장 좋은 글자색: #FFFFFF

WCAG 7.11:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --mountain-trail: #615742;
  --mountain-trail-rgb: 97 87 66;
  --mountain-trail-oklch: oklch(0.46 0.035 85.4);
}

.element {
  color: var(--mountain-trail);
  background-color: hsl(41 19% 32%);
  border-color: oklch(0.46 0.035 85.4);
}

Tailwind CSS v4

@theme {
  --color-mountain-trail: #615742;
  --color-mountain-trail-50: #f9f5ea;
  --color-mountain-trail-100: #ede7db;
  --color-mountain-trail-200: #dad4c4;
  --color-mountain-trail-300: #bfb7a4;
  --color-mountain-trail-400: #a89d88;
  --color-mountain-trail-500: #91856c;
  --color-mountain-trail-600: #7a705c;
  --color-mountain-trail-700: #625a49;
  --color-mountain-trail-800: #484235;
  --color-mountain-trail-900: #322d24;
  --color-mountain-trail-950: #1e1a13;
}

SCSS

$mountain-trail: #615742;
$mountain-trail-rgb: 97, 87, 66;
$mountain-trail-light: mix(#fff, $mountain-trail, 20%);
$mountain-trail-dark: mix(#000, $mountain-trail, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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