命名颜色 · #9D9586
Greywood
Greywood 即 #9D9586：rgb(157 149 134)、hsl(39 11% 57%)、oklch(0.672 0.024 83.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Greywood color name →
#9D9586
oklch(0.672 0.024 83.2)
颜色转换
- HEX
- #9d9586
- RGB
- rgb(157 149 134)
- HSL
- hsl(39 11% 57%)
- HWB
- hwb(39 53% 38%)
- OKLCH
- oklch(0.672 0.024 83.2)
- OKLab
- oklab(0.672 0.003 0.023)
- CIE Lab
- lab(62.08 1.08 9.07)
- LCH
- lch(62.08 9.13 83.2)
- CMYK
- cmyk(0% 5% 15% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A69F91
- B0A99D
- B9B4A9
- C3BEB5
- CDC9C1
- D7D3CD
- E1DED9
- EBE9E6
- F5F4F2
深色调
- 888174
- 736D62
- 5F5A51
- 4C4840
- 3A3730
- 282621
- 181613
- 090806
- 010101
灰色调
- 9A9385
- 979185
- 948F84
- 918D84
- 8E8A83
- 8B8883
- 898682
- 868481
- 838281
配色和谐
互补色 +180°
- 9D9586
Greywood
- 8E96A5
≈ Trance
类似色 -30° +30°
- 9D9586
Greywood
- A29289
≈ Talavera
- 969887
≈ California Sagebrush
三角配色 +120° +240°
- 9D9586
Greywood
- 869B9C
≈ North Beach Blue
- 9D919E
≈ Cut Heather
分裂互补色 +150° +210°
- 9D9586
Greywood
- 8899A2
≈ Thundercat
- 9694A4
≈ Ash Violet
四角配色 +90° +180° +270°
- 9D9586
Greywood
- 889B95
≈ Rainy Afternoon
- 8E96A5
≈ Trance
- A29097
≈ Nirvana
对比度与无障碍
Ag
Fail白底
WCAG 2.96:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.07:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--greywood: #9d9586;
--greywood-rgb: 157 149 134;
--greywood-oklch: oklch(0.672 0.024 83.2);
}
.element {
color: var(--greywood);
background-color: hsl(39 11% 57%);
border-color: oklch(0.672 0.024 83.2);
}Tailwind CSS v4
@theme {
--color-greywood: #9d9586;
--color-greywood-50: #f8f5ee;
--color-greywood-100: #ebe7df;
--color-greywood-200: #d9d4c9;
--color-greywood-300: #bdb7aa;
--color-greywood-400: #a59d8f;
--color-greywood-500: #8e8575;
--color-greywood-600: #787163;
--color-greywood-700: #605a4f;
--color-greywood-800: #474239;
--color-greywood-900: #312d27;
--color-greywood-950: #1d1a15;
}SCSS
$greywood: #9d9586;
$greywood-rgb: 157, 149, 134;
$greywood-light: mix(#fff, $greywood, 20%);
$greywood-dark: mix(#000, $greywood, 20%);
.element {
color: $greywood;
box-shadow: 0 0 0 2px rgba($greywood, 0.35);
}