이름 색상 · #9BAA9A

Scotland Road

Scotland Road은(는) #9BAA9A: rgb(155 170 154), hsl(116 9% 64%), oklch(0.722 0.028 143.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#9BAA9A

oklch(0.722 0.028 143.5)

색상 변환

HEX: #9baa9a
RGB: rgb(155 170 154)
HSL: hsl(116 9% 64%)
HWB: hwb(116 60% 33%)
OKLCH: oklch(0.722 0.028 143.5)
OKLab: oklab(0.722 -0.023 0.017)
CIE Lab: lab(68.07 -7.77 6.39)
LCH: lch(68.07 10.06 140.5)
CMYK: cmyk(9% 0% 9% 33%)

틴트 · 셰이드 · 톤

틴트

A5B2A4
AEBBAD
B8C3B7
C2CBC1
CCD4CB
D6DCD6
E0E5E0
EAEEEA
F5F6F5

셰이드

869385
727D71
5E685E
4B534B
393F39
282D27
181B17
090B09
010101

톤

98A697
96A195
939D92
909990
8D958D
8B918A
888C88
858885
838483

색 조화

보색 +180°

9BAA9A
Scotland Road
AE9FAF
≈ Symbolic

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.43:1 · APCA Lc 48

Fail

검은색 위

WCAG 8.61:1 · APCA Lc 54

AAA

가장 좋은 글자색: #000000

WCAG 8.61:1 (AAA) · APCA Lc 54

Contrast pairs

코드 스니펫

CSS

:root {
  --scotland-road: #9baa9a;
  --scotland-road-rgb: 155 170 154;
  --scotland-road-oklch: oklch(0.722 0.028 143.5);
}

.element {
  color: var(--scotland-road);
  background-color: hsl(116 9% 64%);
  border-color: oklch(0.722 0.028 143.5);
}

Tailwind CSS v4

@theme {
  --color-scotland-road: #9baa9a;
  --color-scotland-road-50: #f0f7f0;
  --color-scotland-road-100: #e2ebe2;
  --color-scotland-road-200: #cdd8cd;
  --color-scotland-road-300: #afbbaf;
  --color-scotland-road-400: #95a394;
  --color-scotland-road-500: #7b8b7a;
  --color-scotland-road-600: #697668;
  --color-scotland-road-700: #545e53;
  --color-scotland-road-800: #3d453c;
  --color-scotland-road-900: #2a3029;
  --color-scotland-road-950: #181c17;
}

SCSS

$scotland-road: #9baa9a;
$scotland-road-rgb: 155, 170, 154;
$scotland-road-light: mix(#fff, $scotland-road, 20%);
$scotland-road-dark: mix(#000, $scotland-road, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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