最接近的命名颜色 · #92AC7E
#92AC7E
最接近的命名颜色: Lush Fields
#92AC7E（rgb(146 172 126)、hsl(94 22% 58%)、oklch(0.712 0.071 132)）最接近命名颜色 Lush Fields。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#92AC7E
oklch(0.712 0.071 132)
颜色转换
- HEX
- #92ac7e
- RGB
- rgb(146 172 126)
- HSL
- hsl(94 22% 58%)
- HWB
- hwb(94 49% 33%)
- OKLCH
- oklch(0.712 0.071 132)
- OKLab
- oklab(0.712 -0.047 0.053)
- CIE Lab
- lab(67.45 -15.69 20.65)
- LCH
- lch(67.45 25.93 127.2)
- CMYK
- cmyk(15% 0% 27% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- 9CB48B
- A7BC97
- B2C5A4
- BCCDB1
- C7D5BD
- D2DDCA
- DDE6D7
- E8EEE4
- F4F7F2
深色调
- 7E956D
- 6B7F5C
- 58694C
- 46543C
- 35402D
- 252D1F
- 161B11
- 080B05
- 010101
灰色调
- 90A87E
- 8EA37F
- 8D9F7F
- 8B9A80
- 899680
- 879280
- 858D80
- 848980
- 828480
配色和谐
互补色 +180°
- 92AC7E
Lush Fields
- B196C3
≈ Quibble
类似色 -30° +30°
- 92AC7E
Lush Fields
- ABA470
≈ Autumn Sage
- 7AB095
≈ Nature Green
三角配色 +120° +240°
- 92AC7E
Lush Fields
- 82A6CE
≈ Windfall
- CA9096
≈ Garnet Shadow
分裂互补色 +150° +210°
- 92AC7E
Lush Fields
- 9B9DCE
≈ Indigo Child
- C291AF
≈ Mauve Magic
四角配色 +90° +180° +270°
- 92AC7E
Lush Fields
- 6FADC2
≈ Blue Eye Samurai
- B196C3
≈ Quibble
- C99480
≈ Beauty and the Beach
对比度与无障碍
Ag
Fail白底
WCAG 2.49:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.42:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--lush-fields: #92ac7e;
--lush-fields-rgb: 146 172 126;
--lush-fields-oklch: oklch(0.712 0.071 132);
}
.element {
color: var(--lush-fields);
background-color: hsl(94 22% 58%);
border-color: oklch(0.712 0.071 132);
}Tailwind CSS v4
@theme {
--color-lush-fields: #92ac7e;
--color-lush-fields-50: #edfae6;
--color-lush-fields-100: #deeed6;
--color-lush-fields-200: #c8dbbd;
--color-lush-fields-300: #a9c09b;
--color-lush-fields-400: #8fa87c;
--color-lush-fields-500: #75905f;
--color-lush-fields-600: #637a51;
--color-lush-fields-700: #4f6240;
--color-lush-fields-800: #3a472d;
--color-lush-fields-900: #28311e;
--color-lush-fields-950: #161d0e;
}SCSS
$lush-fields: #92ac7e;
$lush-fields-rgb: 146, 172, 126;
$lush-fields-light: mix(#fff, $lush-fields, 20%);
$lush-fields-dark: mix(#000, $lush-fields, 20%);
.element {
color: $lush-fields;
box-shadow: 0 0 0 2px rgba($lush-fields, 0.35);
}