最接近的命名颜色 · #A99379
#A99379
最接近的命名颜色: Saddle Up
#A99379（rgb(169 147 121)、hsl(32 22% 57%)、oklch(0.676 0.045 71.6)）最接近命名颜色 Saddle Up。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A99379
oklch(0.676 0.045 71.6)
颜色转换
- HEX
- #a99379
- RGB
- rgb(169 147 121)
- HSL
- hsl(32 22% 57%)
- HWB
- hwb(32 47% 34%)
- OKLCH
- oklch(0.676 0.045 71.6)
- OKLab
- oklab(0.676 0.014 0.043)
- CIE Lab
- lab(62.43 5.49 17)
- LCH
- lch(62.43 17.87 72.1)
- CMYK
- cmyk(0% 13% 28% 34%)
浅色调 · 深色调 · 灰色调
浅色调
- B19D86
- BAA893
- C2B2A0
- CBBDAD
- D3C8BA
- DCD3C8
- E5DED5
- EDE9E3
- F6F4F1
深色调
- 927F68
- 7C6C58
- 675948
- 534739
- 3F362B
- 2C251D
- 1B1610
- 0A0805
- 010101
灰色调
- A5917A
- A18F7B
- 9D8D7C
- 998B7C
- 948A7D
- 90887E
- 8C867E
- 88847F
- 84827F
配色和谐
互补色 +180°
- A99379
Saddle Up
- 8399B3
≈ Polished Metal
类似色 -30° +30°
- A99379
Saddle Up
- B08E82
≈ Coyote Tracks
- 9C9879
≈ A Frond in Need
三角配色 +120° +240°
- A99379
Saddle Up
- 77A09E
≈ Delaware Blue Hen
- A090AC
≈ Compliment
分裂互补色 +150° +210°
- A99379
Saddle Up
- 799EAB
≈ Cool Dusk
- 9294B3
≈ Lively Lilac
四角配色 +90° +180° +270°
- A99379
Saddle Up
- 7FA08E
≈ Mossy Bench
- 8399B3
≈ Polished Metal
- AB8D9F
≈ Mauve Musk
对比度与无障碍
Ag
Fail白底
WCAG 2.94:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.13:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--saddle-up: #a99379;
--saddle-up-rgb: 169 147 121;
--saddle-up-oklch: oklch(0.676 0.045 71.6);
}
.element {
color: var(--saddle-up);
background-color: hsl(32 22% 57%);
border-color: oklch(0.676 0.045 71.6);
}Tailwind CSS v4
@theme {
--color-saddle-up: #a99379;
--color-saddle-up-50: #fdf4e7;
--color-saddle-up-100: #f1e6d8;
--color-saddle-up-200: #e0d2c0;
--color-saddle-up-300: #c6b49f;
--color-saddle-up-400: #b09b82;
--color-saddle-up-500: #998265;
--color-saddle-up-600: #826e56;
--color-saddle-up-700: #685845;
--color-saddle-up-800: #4d4031;
--color-saddle-up-900: #352c22;
--color-saddle-up-950: #201911;
}SCSS
$saddle-up: #a99379;
$saddle-up-rgb: 169, 147, 121;
$saddle-up-light: mix(#fff, $saddle-up, 20%);
$saddle-up-dark: mix(#000, $saddle-up, 20%);
.element {
color: $saddle-up;
box-shadow: 0 0 0 2px rgba($saddle-up, 0.35);
}