最接近的命名颜色 · #A7BC57
#A7BC57
最接近的命名颜色: Sapling
#A7BC57（rgb(167 188 87)、hsl(72 43% 54%)、oklch(0.758 0.129 119.4)）最接近命名颜色 Sapling。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A7BC57
oklch(0.758 0.129 119.4)
颜色转换
- HEX
- #a7bc57
- RGB
- rgb(167 188 87)
- HSL
- hsl(72 43% 54%)
- HWB
- hwb(72 34% 26%)
- OKLCH
- oklch(0.758 0.129 119.4)
- OKLab
- oklab(0.758 -0.063 0.113)
- CIE Lab
- lab(73.04 -18.57 47.69)
- LCH
- lch(73.04 51.17 111.3)
- CMYK
- cmyk(11% 0% 54% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- AFC36A
- B8CA7C
- C0D08D
- C9D79E
- D2DEAE
- DBE5BE
- E4EBCF
- EDF2DF
- F6F8EF
深色调
- 91A34B
- 7B8B3E
- 667333
- 525D27
- 3E471C
- 2C3212
- 1A1F08
- 0A0D03
- 010200
灰色调
- A3B65D
- 9FB063
- 9BAA68
- 97A46D
- 939E71
- 8F9874
- 8B9278
- 878C7B
- 84867D
配色和谐
互补色 +180°
- A7BC57
Sapling
- BC9DF7
≈ Baby Purple
类似色 -30° +30°
- A7BC57
Sapling
- D1AC41
≈ Haystack
- 70C783
≈ Garden Stroll
三角配色 +120° +240°
- A7BC57
Sapling
- 57BBFA
≈ Hello Summer
- F28CAE
≈ Brown Knapweed
分裂互补色 +150° +210°
- A7BC57
Sapling
- 91ACFF
≈ Widowmaker
- DE91D8
≈ Love Dust
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.97:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--sapling: #a7bc57;
--sapling-rgb: 167 188 87;
--sapling-oklch: oklch(0.758 0.129 119.4);
}
.element {
color: var(--sapling);
background-color: hsl(72 43% 54%);
border-color: oklch(0.758 0.129 119.4);
}Tailwind CSS v4
@theme {
--color-sapling: #a7bc57;
--color-sapling-50: #effcd3;
--color-sapling-100: #e1efbf;
--color-sapling-200: #cbdd9f;
--color-sapling-300: #adc275;
--color-sapling-400: #96a94a;
--color-sapling-500: #7d910e;
--color-sapling-600: #6a7b13;
--color-sapling-700: #546210;
--color-sapling-800: #3f4806;
--color-sapling-900: #2b3204;
--color-sapling-950: #191e00;
}SCSS
$sapling: #a7bc57;
$sapling-rgb: 167, 188, 87;
$sapling-light: mix(#fff, $sapling, 20%);
$sapling-dark: mix(#000, $sapling, 20%);
.element {
color: $sapling;
box-shadow: 0 0 0 2px rgba($sapling, 0.35);
}