命名颜色 · #A19583
Ironwood
Ironwood 即 #A19583：rgb(161 149 131)、hsl(36 14% 57%)、oklch(0.675 0.029 78.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Ironwood color name →
#A19583
oklch(0.675 0.029 78.1)
颜色转换
- HEX
- #a19583
- RGB
- rgb(161 149 131)
- HSL
- hsl(36 14% 57%)
- HWB
- hwb(36 51% 37%)
- OKLCH
- oklch(0.675 0.029 78.1)
- OKLab
- oklab(0.675 0.006 0.029)
- CIE Lab
- lab(62.38 2.31 11.23)
- LCH
- lch(62.38 11.47 78.4)
- CMYK
- cmyk(0% 7% 19% 37%)
浅色调 · 深色调 · 灰色调
浅色调
- AA9F8F
- B3A99B
- BCB4A7
- C6BEB3
- CFC9BF
- D9D3CC
- E2DED8
- ECE9E5
- F5F4F2
深色调
- 8B8171
- 766D60
- 625A4F
- 4E483F
- 3C372F
- 2A2620
- 191612
- 090806
- 010101
灰色调
- 9E9383
- 9A9183
- 978F82
- 948D82
- 908A82
- 8D8881
- 8A8681
- 878481
- 838280
配色和谐
互补色 +180°
- A19583
Ironwood
- 8C98A9
≈ Urban Vibes
类似色 -30° +30°
- A19583
Ironwood
- A79287
≈ Casket
- 989984
≈ Lemongrass
三角配色 +120° +240°
- A19583
Ironwood
- 829D9D
≈ North Beach Blue
- 9F91A3
≈ Amethyst Phlox
分裂互补色 +150° +210°
- A19583
Ironwood
- 859BA5
≈ Arona
- 9594A8
≈ Jazz Tune
四角配色 +90° +180° +270°
- A19583
Ironwood
- 869D93
≈ Padded Leaf
- 8C98A9
≈ Urban Vibes
- A5909A
≈ Nirvana
对比度与无障碍
Ag
Fail白底
WCAG 2.94:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.14:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--ironwood: #a19583;
--ironwood-rgb: 161 149 131;
--ironwood-oklch: oklch(0.675 0.029 78.1);
}
.element {
color: var(--ironwood);
background-color: hsl(36 14% 57%);
border-color: oklch(0.675 0.029 78.1);
}Tailwind CSS v4
@theme {
--color-ironwood: #a19583;
--color-ironwood-50: #faf4ec;
--color-ironwood-100: #ede7dd;
--color-ironwood-200: #dbd3c7;
--color-ironwood-300: #bfb6a7;
--color-ironwood-400: #a89d8b;
--color-ironwood-500: #918471;
--color-ironwood-600: #7b7060;
--color-ironwood-700: #62594c;
--color-ironwood-800: #484137;
--color-ironwood-900: #322d26;
--color-ironwood-950: #1e1a14;
}SCSS
$ironwood: #a19583;
$ironwood-rgb: 161, 149, 131;
$ironwood-light: mix(#fff, $ironwood, 20%);
$ironwood-dark: mix(#000, $ironwood, 20%);
.element {
color: $ironwood;
box-shadow: 0 0 0 2px rgba($ironwood, 0.35);
}