最接近的命名颜色 · #A4B79D
#A4B79D
最接近的命名颜色: Salvia
#A4B79D（rgb(164 183 157)、hsl(104 15% 67%)、oklch(0.758 0.042 137.2)）最接近命名颜色 Salvia。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A4B79D
oklch(0.758 0.042 137.2)
颜色转换
- HEX
- #a4b79d
- RGB
- rgb(164 183 157)
- HSL
- hsl(104 15% 67%)
- HWB
- hwb(104 62% 28%)
- OKLCH
- oklch(0.758 0.042 137.2)
- OKLab
- oklab(0.758 -0.031 0.029)
- CIE Lab
- lab(72.4 -10.46 10.95)
- LCH
- lch(72.4 15.15 133.7)
- CMYK
- cmyk(10% 0% 14% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- ADBEA6
- B6C5B0
- BFCCBA
- C8D3C3
- D1DBCD
- DAE2D7
- E3E9E1
- ECF0EB
- F6F8F5
深色调
- 8E9F88
- 798773
- 64705F
- 505A4C
- 3D453A
- 2B3128
- 1A1E18
- 0A0C09
- 010201
灰色调
- A0B19A
- 9DAC97
- 99A694
- 96A191
- 929B8F
- 8E968C
- 8B9089
- 878B86
- 848583
配色和谐
互补色 +180°
- A4B79D
Salvia
- BCA8C2
≈ Fair Orchid
类似色 -30° +30°
- A4B79D
Salvia
- B3B394
≈ Dill Seed
- 98B9AB
≈ Moncur
三角配色 +120° +240°
- A4B79D
Salvia
- A0B2CB
≈ Aerial View
- CAA6A7
≈ Hydrangea Bouquet
分裂互补色 +150° +210°
- A4B79D
Salvia
- AEADCA
≈ Purple Freedom
- C5A6B5
≈ Pansy Posie
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.83:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--salvia: #a4b79d;
--salvia-rgb: 164 183 157;
--salvia-oklch: oklch(0.758 0.042 137.2);
}
.element {
color: var(--salvia);
background-color: hsl(104 15% 67%);
border-color: oklch(0.758 0.042 137.2);
}Tailwind CSS v4
@theme {
--color-salvia: #a4b79d;
--color-salvia-50: #eff8ed;
--color-salvia-100: #e1ecde;
--color-salvia-200: #cbd9c8;
--color-salvia-300: #adbda9;
--color-salvia-400: #93a58c;
--color-salvia-500: #798d72;
--color-salvia-600: #677760;
--color-salvia-700: #525f4d;
--color-salvia-800: #3c4637;
--color-salvia-900: #293026;
--color-salvia-950: #171d14;
}SCSS
$salvia: #a4b79d;
$salvia-rgb: 164, 183, 157;
$salvia-light: mix(#fff, $salvia, 20%);
$salvia-dark: mix(#000, $salvia, 20%);
.element {
color: $salvia;
box-shadow: 0 0 0 2px rgba($salvia, 0.35);
}