이름 색상 · #7F848A

Milestone

Milestone은(는) #7F848A: rgb(127 132 138), hsl(213 4% 52%), oklch(0.611 0.011 252.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Milestone color name →

#7F848A

oklch(0.611 0.011 252.9)

색상 변환

HEX: #7f848a
RGB: rgb(127 132 138)
HSL: hsl(213 4% 52%)
HWB: hwb(213 50% 46%)
OKLCH: oklch(0.611 0.011 252.9)
OKLab: oklab(0.611 -0.003 -0.01)
CIE Lab: lab(54.87 -0.98 -3.92)
LCH: lch(54.87 4.04 255.9)
CMYK: cmyk(8% 4% 0% 46%)

틴트 · 셰이드 · 톤

틴트

8B9095
979BA0
A4A7AC
B0B3B7
BDC0C3
CACCCF
D7D9DB
E4E5E7
F2F2F3

셰이드

6E7277
5D6065
4C4F53
3C3F42
2D2F32
1F2022
111214
060607
010101

톤

7F8489
7F8388
7F8387
7F8286
808285
808284
808183
808182
808081

색 조화

보색 +180°

7F848A
Milestone
88837D
≈ Hagstone Choir

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.77:1 · APCA Lc 65

Fail

검은색 위

WCAG 5.56:1 · APCA Lc 36

가장 좋은 글자색: #000000

WCAG 5.56:1 (AA) · APCA Lc 36

Contrast pairs

코드 스니펫

CSS

:root {
  --milestone: #7f848a;
  --milestone-rgb: 127 132 138;
  --milestone-oklch: oklch(0.611 0.011 252.9);
}

.element {
  color: var(--milestone);
  background-color: hsl(213 4% 52%);
  border-color: oklch(0.611 0.011 252.9);
}

Tailwind CSS v4

@theme {
  --color-milestone: #7f848a;
  --color-milestone-50: #f3f5f8;
  --color-milestone-100: #e5e8eb;
  --color-milestone-200: #d1d4d9;
  --color-milestone-300: #b4b8bd;
  --color-milestone-400: #9a9fa5;
  --color-milestone-500: #81878d;
  --color-milestone-600: #6d7278;
  --color-milestone-700: #575b60;
  --color-milestone-800: #404346;
  --color-milestone-900: #2c2e30;
  --color-milestone-950: #191b1d;
}

SCSS

$milestone: #7f848a;
$milestone-rgb: 127, 132, 138;
$milestone-light: mix(#fff, $milestone, 20%);
$milestone-dark: mix(#000, $milestone, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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