Named color · #9BAA9A
Scotland Road
Scotland Road is #9BAA9A: rgb(155 170 154), hsl(116 9% 64%), oklch(0.722 0.028 143.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Scotland Road color name →
#9BAA9A
oklch(0.722 0.028 143.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- A5B2A4
- AEBBAD
- B8C3B7
- C2CBC1
- CCD4CB
- D6DCD6
- E0E5E0
- EAEEEA
- F5F6F5
Shades
- 869385
- 727D71
- 5E685E
- 4B534B
- 393F39
- 282D27
- 181B17
- 090B09
- 010101
Tones
- 98A697
- 96A195
- 939D92
- 909990
- 8D958D
- 8B918A
- 888C88
- 858885
- 838483
Color harmonies
Complementary +180°
- 9BAA9A
Scotland Road
- AE9FAF
≈ Symbolic
Analogous -30° +30°
- 9BAA9A
Scotland Road
- A5A793
≈ Sunset Meadow
- 94ABA3
≈ Melville
Triadic +120° +240°
- 9BAA9A
Scotland Road
- 9CA5B7
≈ Acier Tint
- B69F9D
≈ Dressy Rose
Split-complementary +150° +210°
- 9BAA9A
Scotland Road
- A5A2B6
≈ Lazy Lavender
- B49EA6
≈ Pinterested
Tetradic +90° +180° +270°
- 9BAA9A
Scotland Road
- 94A9B4
≈ Ashen Wind
- AE9FAF
≈ Symbolic
- B4A195
≈ Net Worker
Contrast & accessibility
Ag
FailOn white
WCAG 2.43:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.61:1 · APCA Lc 54
Best text color: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
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);
}