Màu có tên · #9BAA9A
Scotland Road
Scotland Road là #9BAA9A: rgb(155 170 154), hsl(116 9% 64%), oklch(0.722 0.028 143.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Scotland Road color name →
#9BAA9A
oklch(0.722 0.028 143.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A5B2A4
- AEBBAD
- B8C3B7
- C2CBC1
- CCD4CB
- D6DCD6
- E0E5E0
- EAEEEA
- F5F6F5
Sắc đậm
- 869385
- 727D71
- 5E685E
- 4B534B
- 393F39
- 282D27
- 181B17
- 090B09
- 010101
Sắc xám
- 98A697
- 96A195
- 939D92
- 909990
- 8D958D
- 8B918A
- 888C88
- 858885
- 838483
Hòa sắc
Bổ túc +180°
- 9BAA9A
Scotland Road
- AE9FAF
≈ Symbolic
Tương đồng -30° +30°
- 9BAA9A
Scotland Road
- A5A793
≈ Sunset Meadow
- 94ABA3
≈ Melville
Bộ ba +120° +240°
- 9BAA9A
Scotland Road
- 9CA5B7
≈ Acier Tint
- B69F9D
≈ Dressy Rose
Bổ túc chia +150° +210°
- 9BAA9A
Scotland Road
- A5A2B6
≈ Lazy Lavender
- B49EA6
≈ Pinterested
Bộ bốn +90° +180° +270°
- 9BAA9A
Scotland Road
- 94A9B4
≈ Ashen Wind
- AE9FAF
≈ Symbolic
- B4A195
≈ Net Worker
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.43:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.61:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
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);
}