最接近的命名颜色 · #00984A
#00984A
最接近的命名颜色: Green Revolution
#00984A（rgb(0 152 74)、hsl(149 100% 30%)、oklch(0.595 0.159 151.3)）最接近命名颜色 Green Revolution。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00984A
oklch(0.595 0.159 151.3)
颜色转换
- HEX
- #00984a
- RGB
- rgb(0 152 74)
- HSL
- hsl(149 100% 30%)
- HWB
- hwb(149 0% 40%)
- OKLCH
- oklch(0.595 0.159 151.3)
- OKLab
- oklab(0.595 -0.139 0.076)
- CIE Lab
- lab(54.99 -49.15 30.76)
- LCH
- lch(54.99 57.98 148)
- CMYK
- cmyk(100% 0% 51% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 37A35C
- 53AD6E
- 6CB780
- 82C291
- 97CCA3
- ACD6B5
- C1E1C7
- D6EBDA
- EAF5EC
深色调
- 00843F
- 007035
- 005C2A
- 004A20
- 003817
- 00270E
- 001706
- 000802
- 000100
灰色调
- 279650
- 399457
- 46925C
- 519062
- 5B8D67
- 638B6C
- 6B8871
- 738676
- 79837B
配色和谐
互补色 +180°
- 00984A
Green Revolution
- B256A9
≈ Royalty Loyalty
类似色 -30° +30°
- 00984A
Green Revolution
- 728B00
≈ Canopy
- 009383
≈ Silk Sari
三角配色 +120° +240°
- 00984A
Green Revolution
- 5D75DC
≈ Cornflower
- CC523F
≈ Painted Poppy
分裂互补色 +150° +210°
- 00984A
Green Revolution
- 9063CD
≈ Amethyst
- C74E78
≈ Middle Safflower
四角配色 +90° +180° +270°
- 00984A
Green Revolution
- 0087C9
≈ Water Blue
- B256A9
≈ Royalty Loyalty
- B86800
≈ Brown Orange
对比度与无障碍
Ag
Fail白底
WCAG 3.75:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.59:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--green-revolution: #00984a;
--green-revolution-rgb: 0 152 74;
--green-revolution-oklch: oklch(0.595 0.159 151.3);
}
.element {
color: var(--green-revolution);
background-color: hsl(149 100% 30%);
border-color: oklch(0.595 0.159 151.3);
}Tailwind CSS v4
@theme {
--color-green-revolution: #00984a;
--color-green-revolution-50: #d3ffe0;
--color-green-revolution-100: #c0f8cf;
--color-green-revolution-200: #9ee9b4;
--color-green-revolution-300: #71cf91;
--color-green-revolution-400: #47b86c;
--color-green-revolution-500: #00a24b;
--color-green-revolution-600: #008940;
--color-green-revolution-700: #006e33;
--color-green-revolution-800: #055121;
--color-green-revolution-900: #053816;
--color-green-revolution-950: #002307;
}SCSS
$green-revolution: #00984a;
$green-revolution-rgb: 0, 152, 74;
$green-revolution-light: mix(#fff, $green-revolution, 20%);
$green-revolution-dark: mix(#000, $green-revolution, 20%);
.element {
color: $green-revolution;
box-shadow: 0 0 0 2px rgba($green-revolution, 0.35);
}