最接近的命名颜色 · #AB8500
#AB8500
最接近的命名颜色: Arrowwood
#AB8500（rgb(171 133 0)、hsl(47 100% 34%)、oklch(0.635 0.13 88.4)）最接近命名颜色 Arrowwood。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AB8500
oklch(0.635 0.13 88.4)
颜色转换
- HEX
- #ab8500
- RGB
- rgb(171 133 0)
- HSL
- hsl(47 100% 34%)
- HWB
- hwb(47 0% 33%)
- OKLCH
- oklch(0.635 0.13 88.4)
- OKLab
- oklab(0.635 0.004 0.13)
- CIE Lab
- lab(57.92 7.65 62.36)
- LCH
- lch(57.92 62.82 83)
- CMYK
- cmyk(0% 22% 100% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B39133
- BC9D4F
- C4A967
- CCB67E
- D5C293
- DDCEA9
- E5DABE
- EEE6D4
- F6F3E9
深色调
- 947300
- 7E6100
- 685000
- 544000
- 403000
- 2D2100
- 1B1300
- 0B0600
- 010100
灰色调
- A78524
- A28535
- 9E8442
- 9A844D
- 968457
- 918360
- 8D8269
- 898271
- 848179
配色和谐
互补色 +180°
- AB8500
Arrowwood
- 6A86D9
≈ Tanzine
类似色 -30° +30°
- AB8500
Arrowwood
- C4742D
≈ October
- 84952B
≈ Chorus of Frogs
三角配色 +120° +240°
- AB8500
Arrowwood
- 009CAE
≈ Lake Blue
- B56CB2
≈ Moonlight Melody
分裂互补色 +150° +210°
- AB8500
Arrowwood
- 2594D0
≈ Splish Splash
- 9578CE
≈ True V
四角配色 +90° +180° +270°
- AB8500
Arrowwood
- 00A18B
≈ Turquish
- 6A86D9
≈ Tanzine
- C8668A
≈ Old Geranium
对比度与无障碍
Ag
Fail白底
WCAG 3.45:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.08:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--arrowwood: #ab8500;
--arrowwood-rgb: 171 133 0;
--arrowwood-oklch: oklch(0.635 0.13 88.4);
}
.element {
color: var(--arrowwood);
background-color: hsl(47 100% 34%);
border-color: oklch(0.635 0.13 88.4);
}Tailwind CSS v4
@theme {
--color-arrowwood: #ab8500;
--color-arrowwood-50: #fff4cc;
--color-arrowwood-100: #f8e7b7;
--color-arrowwood-200: #e9d394;
--color-arrowwood-300: #d1b566;
--color-arrowwood-400: #be9935;
--color-arrowwood-500: #a97f00;
--color-arrowwood-600: #8f6c00;
--color-arrowwood-700: #735600;
--color-arrowwood-800: #563e00;
--color-arrowwood-900: #3c2b00;
--color-arrowwood-950: #261800;
}SCSS
$arrowwood: #ab8500;
$arrowwood-rgb: 171, 133, 0;
$arrowwood-light: mix(#fff, $arrowwood, 20%);
$arrowwood-dark: mix(#000, $arrowwood, 20%);
.element {
color: $arrowwood;
box-shadow: 0 0 0 2px rgba($arrowwood, 0.35);
}