最接近的命名颜色 · #76A200
#76A200
最接近的命名颜色: Green Envy
#76A200（rgb(118 162 0)、hsl(76 100% 32%)、oklch(0.656 0.168 126.5)）最接近命名颜色 Green Envy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#76A200
oklch(0.656 0.168 126.5)
颜色转换
- HEX
- #76a200
- RGB
- rgb(118 162 0)
- HSL
- hsl(76 100% 32%)
- HWB
- hwb(76 0% 36%)
- OKLCH
- oklch(0.656 0.168 126.5)
- OKLab
- oklab(0.656 -0.1 0.135)
- CIE Lab
- lab(61.6 -29.8 62.35)
- LCH
- lch(61.6 69.11 115.5)
- CMYK
- cmyk(27% 0% 100% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 83AC36
- 90B552
- 9DBE6A
- ABC880
- B8D196
- C6DAAB
- D4E4C0
- E2EDD5
- F1F6EA
深色调
- 668C00
- 567700
- 476300
- 384F00
- 293C00
- 1C2A00
- 0F1900
- 050A00
- 010100
灰色调
- 779F26
- 789C37
- 799945
- 7A9550
- 7B9259
- 7C8F62
- 7D8B6A
- 7E8772
- 7F8479
配色和谐
互补色 +180°
- 76A200
Green Envy
- AB71E0
≈ Lavender
类似色 -30° +30°
- 76A200
Green Envy
- A99000
≈ Bark Sawdust
- 00AC67
≈ Go Green!
三角配色 +120° +240°
- 76A200
Green Envy
- 0B97F0
≈ Pervenche
- E25D80
≈ Blush d’Amour
分裂互补色 +150° +210°
- 76A200
Green Envy
- 7883F5
≈ Orchid
- CE63B6
≈ Pú Táo Zǐ Purple
四角配色 +90° +180° +270°
- 76A200
Green Envy
- 00A2BF
≈ Greek Blue
- AB71E0
≈ Lavender
- E46440
≈ Emergency Zone
对比度与无障碍
Ag
Fail白底
WCAG 3.02:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.93:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--green-envy: #76a200;
--green-envy-rgb: 118 162 0;
--green-envy-oklch: oklch(0.656 0.168 126.5);
}
.element {
color: var(--green-envy);
background-color: hsl(76 100% 32%);
border-color: oklch(0.656 0.168 126.5);
}Tailwind CSS v4
@theme {
--color-green-envy: #76a200;
--color-green-envy-50: #e7ffcc;
--color-green-envy-100: #d7f3b7;
--color-green-envy-200: #bfe394;
--color-green-envy-300: #9dc866;
--color-green-envy-400: #85af2f;
--color-green-envy-500: #699800;
--color-green-envy-600: #598100;
--color-green-envy-700: #476700;
--color-green-envy-800: #364b00;
--color-green-envy-900: #253400;
--color-green-envy-950: #131f00;
}SCSS
$green-envy: #76a200;
$green-envy-rgb: 118, 162, 0;
$green-envy-light: mix(#fff, $green-envy, 20%);
$green-envy-dark: mix(#000, $green-envy, 20%);
.element {
color: $green-envy;
box-shadow: 0 0 0 2px rgba($green-envy, 0.35);
}