이름 색상 · #3B5257

Mountain Pine

Mountain Pine은(는) #3B5257: rgb(59 82 87), hsl(191 19% 29%), oklch(0.422 0.029 212.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#3B5257

oklch(0.422 0.029 212.5)

색상 변환

HEX: #3b5257
RGB: rgb(59 82 87)
HSL: hsl(191 19% 29%)
HWB: hwb(191 23% 66%)
OKLCH: oklch(0.422 0.029 212.5)
OKLab: oklab(0.422 -0.025 -0.016)
CIE Lab: lab(33.13 -8.09 -5.95)
LCH: lch(33.13 10.04 216.3)
CMYK: cmyk(32% 6% 0% 66%)

틴트 · 셰이드 · 톤

틴트

4D6266
5F7276
718286
849396
98A4A7
ACB6B8
C0C8C9
D5DADB
EAECED

셰이드

32464B
293B3E
212F33
192527
111A1C
091112
040808
010203
000000

톤

42565B
495B5F
4F6063
566467
5D696B
646D6F
6B7273
727778
797B7C

색 조화

보색 +180°

3B5257
Mountain Pine
5C4843
≈ Chocolate Soul

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 8.29:1 · APCA Lc 89

AAA

검은색 위

WCAG 2.53:1 · APCA Lc 14

Fail

가장 좋은 글자색: #FFFFFF

WCAG 8.29:1 (AAA) · APCA Lc 89

Contrast pairs

코드 스니펫

CSS

:root {
  --mountain-pine: #3b5257;
  --mountain-pine-rgb: 59 82 87;
  --mountain-pine-oklch: oklch(0.422 0.029 212.5);
}

.element {
  color: var(--mountain-pine);
  background-color: hsl(191 19% 29%);
  border-color: oklch(0.422 0.029 212.5);
}

Tailwind CSS v4

@theme {
  --color-mountain-pine: #3b5257;
  --color-mountain-pine-50: #ecf7fa;
  --color-mountain-pine-100: #deebee;
  --color-mountain-pine-200: #c7d8dc;
  --color-mountain-pine-300: #a7bcc1;
  --color-mountain-pine-400: #8ba3a9;
  --color-mountain-pine-500: #708c92;
  --color-mountain-pine-600: #5f767b;
  --color-mountain-pine-700: #4c5f63;
  --color-mountain-pine-800: #374548;
  --color-mountain-pine-900: #263032;
  --color-mountain-pine-950: #141c1e;
}

SCSS

$mountain-pine: #3b5257;
$mountain-pine-rgb: 59, 82, 87;
$mountain-pine-light: mix(#fff, $mountain-pine, 20%);
$mountain-pine-dark: mix(#000, $mountain-pine, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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