命名颜色 · #AC8989
Woodrose
Woodrose 即 #AC8989：rgb(172 137 137)、hsl(0 17% 61%)、oklch(0.663 0.043 18.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Woodrose color name →
#AC8989
oklch(0.663 0.043 18.3)
颜色转换
- HEX
- #ac8989
- RGB
- rgb(172 137 137)
- HSL
- hsl(0 17% 61%)
- HWB
- hwb(0 54% 33%)
- OKLCH
- oklch(0.663 0.043 18.3)
- OKLab
- oklab(0.663 0.041 0.013)
- CIE Lab
- lab(60.45 13.73 5.34)
- LCH
- lch(60.45 14.73 21.2)
- CMYK
- cmyk(0% 20% 20% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B49494
- BDA0A0
- C5ABAB
- CDB7B7
- D5C3C2
- DECECE
- E6DADA
- EEE6E6
- F7F3F3
深色调
- 957676
- 7F6464
- 695353
- 544242
- 403131
- 2D2222
- 1B1414
- 0B0707
- 010101
灰色调
- A88888
- A38787
- 9F8686
- 9B8685
- 968585
- 928484
- 8D8383
- 898282
- 858181
配色和谐
互补色 +180°
- AC8989
Woodrose
- 749C9D
≈ Undertow
类似色 -30° +30°
- AC8989
Woodrose
- A88998
≈ Reserve
- AA8C7D
≈ Fudgecicle
三角配色 +120° +240°
- AC8989
Woodrose
- 869A80
≈ Leaflet
- 8394AE
≈ Lilac Blue
分裂互补色 +150° +210°
- AC8989
Woodrose
- 7A9C8E
≈ Parisian Patina
- 7899A8
≈ Palace Intrigue
四角配色 +90° +180° +270°
- AC8989
Woodrose
- 959677
≈ Blanched Thyme
- 749C9D
≈ Undertow
- 918FAC
≈ Orchilla
对比度与无障碍
Ag
Fail白底
WCAG 3.13:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.69:1 · APCA Lc 43
最佳文字颜色: #000000
WCAG 6.69:1 (AA) · APCA Lc 43
Contrast pairs
代码片段
CSS
:root {
--woodrose: #ac8989;
--woodrose-rgb: 172 137 137;
--woodrose-oklch: oklch(0.663 0.043 18.3);
}
.element {
color: var(--woodrose);
background-color: hsl(0 17% 61%);
border-color: oklch(0.663 0.043 18.3);
}Tailwind CSS v4
@theme {
--color-woodrose: #ac8989;
--color-woodrose-50: #fff1f0;
--color-woodrose-100: #f6e3e2;
--color-woodrose-200: #e6cdcd;
--color-woodrose-300: #cdafae;
--color-woodrose-400: #b79595;
--color-woodrose-500: #a17b7b;
--color-woodrose-600: #886868;
--color-woodrose-700: #6d5353;
--color-woodrose-800: #503d3d;
--color-woodrose-900: #382a2a;
--color-woodrose-950: #221718;
}SCSS
$woodrose: #ac8989;
$woodrose-rgb: 172, 137, 137;
$woodrose-light: mix(#fff, $woodrose, 20%);
$woodrose-dark: mix(#000, $woodrose, 20%);
.element {
color: $woodrose;
box-shadow: 0 0 0 2px rgba($woodrose, 0.35);
}