이름 색상 · #727D7F

Hidden Peak

Hidden Peak은(는) #727D7F: rgb(114 125 127), hsl(189 5% 47%), oklch(0.581 0.013 209.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Hidden Peak color name →

#727D7F

oklch(0.581 0.013 209.8)

색상 변환

HEX: #727d7f
RGB: rgb(114 125 127)
HSL: hsl(189 5% 47%)
HWB: hwb(189 45% 50%)
OKLCH: oklch(0.581 0.013 209.8)
OKLab: oklab(0.581 -0.012 -0.007)
CIE Lab: lab(51.53 -3.9 -2.56)
LCH: lch(51.53 4.67 213.3)
CMYK: cmyk(10% 2% 0% 50%)

틴트 · 셰이드 · 톤

틴트

7F898B
8D9697
9AA2A4
A8AFB0
B6BCBD
C4C9CA
D3D6D7
E1E4E4
F0F1F2

셰이드

626C6E
535B5D
444B4C
363B3C
282C2D
1B1E1F
0E1111
040506
010101

톤

737D7F
757E7F
767E7F
787E7F
797F80
7A7F80
7C7F80
7D7F80
7F8080

색 조화

보색 +180°

727D7F
Hidden Peak
827876
≈ Complex Grey

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 4.23:1 · APCA Lc 69

Fail

검은색 위

WCAG 4.95:1 · APCA Lc 32

가장 좋은 글자색: #000000

WCAG 4.95:1 (AA) · APCA Lc 32

Contrast pairs

코드 스니펫

CSS

:root {
  --hidden-peak: #727d7f;
  --hidden-peak-rgb: 114 125 127;
  --hidden-peak-oklch: oklch(0.581 0.013 209.8);
}

.element {
  color: var(--hidden-peak);
  background-color: hsl(189 5% 47%);
  border-color: oklch(0.581 0.013 209.8);
}

Tailwind CSS v4

@theme {
  --color-hidden-peak: #727d7f;
  --color-hidden-peak-50: #f1f6f7;
  --color-hidden-peak-100: #e3e9ea;
  --color-hidden-peak-200: #ced6d7;
  --color-hidden-peak-300: #b0b9bb;
  --color-hidden-peak-400: #96a1a3;
  --color-hidden-peak-500: #7c898b;
  --color-hidden-peak-600: #697476;
  --color-hidden-peak-700: #545d5e;
  --color-hidden-peak-800: #3d4445;
  --color-hidden-peak-900: #2a2f30;
  --color-hidden-peak-950: #181b1c;
}

SCSS

$hidden-peak: #727d7f;
$hidden-peak-rgb: 114, 125, 127;
$hidden-peak-light: mix(#fff, $hidden-peak, 20%);
$hidden-peak-dark: mix(#000, $hidden-peak, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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