最接近的命名颜色 · #A78D4B
#A78D4B
最接近的命名颜色: Salted Capers
#A78D4B（rgb(167 141 75)、hsl(43 38% 47%)、oklch(0.653 0.091 88.3)）最接近命名颜色 Salted Capers。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A78D4B
oklch(0.653 0.091 88.3)
颜色转换
- HEX
- #a78d4b
- RGB
- rgb(167 141 75)
- HSL
- hsl(43 38% 47%)
- HWB
- hwb(43 29% 35%)
- OKLCH
- oklch(0.653 0.091 88.3)
- OKLab
- oklab(0.653 0.003 0.091)
- CIE Lab
- lab(60 3.98 38.58)
- LCH
- lch(60 38.79 84.1)
- CMYK
- cmyk(0% 16% 55% 35%)
浅色调 · 深色调 · 灰色调
浅色调
- B0985E
- B8A370
- C1AF82
- CABA94
- D2C5A5
- DBD1B7
- E4DCC9
- EDE8DB
- F6F3ED
深色调
- 917A40
- 7B6735
- 66552B
- 524421
- 3E3317
- 2C230E
- 1A1406
- 0A0702
- 010100
灰色调
- A38C52
- 9F8B58
- 9B8A5E
- 978864
- 938769
- 90866E
- 8C8473
- 888377
- 84817C
配色和谐
互补色 +180°
- A78D4B
Salted Capers
- 788EC8
≈ Hydrangea
类似色 -30° +30°
- A78D4B
Salted Capers
- BA8256
≈ Southern Barrens Mud
- 8B9856
≈ Topiary
三角配色 +120° +240°
- A78D4B
Salted Capers
- 3F9FAD
≈ Teal Glacier
- AF7CAC
≈ Victorian Violet
分裂互补色 +150° +210°
- A78D4B
Salted Capers
- 5798C1
≈ Blueberry Soft Blue
- 9784C1
≈ Amethyst Grey
四角配色 +90° +180° +270°
- A78D4B
Salted Capers
- 48A290
≈ Marine Green
- 788EC8
≈ Hydrangea
- BD788F
≈ Mauve Seductress
对比度与无障碍
Ag
Fail白底
WCAG 3.20:1 · APCA Lc 59
Ag
AA黑底
WCAG 6.55:1 · APCA Lc 43
最佳文字颜色: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
代码片段
CSS
:root {
--salted-capers: #a78d4b;
--salted-capers-rgb: 167 141 75;
--salted-capers-oklch: oklch(0.653 0.091 88.3);
}
.element {
color: var(--salted-capers);
background-color: hsl(43 38% 47%);
border-color: oklch(0.653 0.091 88.3);
}Tailwind CSS v4
@theme {
--color-salted-capers: #a78d4b;
--color-salted-capers-50: #fff5d8;
--color-salted-capers-100: #f3e7c6;
--color-salted-capers-200: #e3d3a8;
--color-salted-capers-300: #c9b682;
--color-salted-capers-400: #b59c5e;
--color-salted-capers-500: #9f8237;
--color-salted-capers-600: #866f30;
--color-salted-capers-700: #6c5826;
--color-salted-capers-800: #50401a;
--color-salted-capers-900: #382c11;
--color-salted-capers-950: #221904;
}SCSS
$salted-capers: #a78d4b;
$salted-capers-rgb: 167, 141, 75;
$salted-capers-light: mix(#fff, $salted-capers, 20%);
$salted-capers-dark: mix(#000, $salted-capers, 20%);
.element {
color: $salted-capers;
box-shadow: 0 0 0 2px rgba($salted-capers, 0.35);
}