命名颜色 · #2A8000
Napier Green
Napier Green 即 #2A8000：rgb(42 128 0)、hsl(100 100% 25%)、oklch(0.527 0.167 139.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Napier Green color name →
#2A8000
oklch(0.527 0.167 139.3)
颜色转换
- HEX
- #2a8000
- RGB
- rgb(42 128 0)
- HSL
- hsl(100 100% 25%)
- HWB
- hwb(100 0% 50%)
- OKLCH
- oklch(0.527 0.167 139.3)
- OKLab
- oklab(0.527 -0.127 0.109)
- CIE Lab
- lab(46.96 -41.9 49.46)
- LCH
- lch(46.96 64.82 130.3)
- CMYK
- cmyk(67% 0% 100% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 438D2D
- 599947
- 6EA65F
- 82B376
- 97C08C
- ABCCA3
- C0D9BA
- D5E6D1
- EAF2E8
深色调
- 236E00
- 1C5D00
- 164D00
- 103D00
- 0A2E00
- 051F00
- 021200
- 010600
- 000100
灰色调
- 37811E
- 41812F
- 4B813C
- 538147
- 5B8251
- 63815B
- 6B8165
- 72816E
- 798177
配色和谐
互补色 +180°
- 2A8000
Napier Green
- 9343A6
≈ Tyrian Shimmer
类似色 -30° +30°
- 2A8000
Napier Green
- 707000
≈ Bronze Yellow
- 007E61
≈ Verdant Green
三角配色 +120° +240°
- 2A8000
Napier Green
- 2766C9
≈ Janitor
- B73442
≈ Rust Effect
分裂互补色 +150° +210°
- 2A8000
Napier Green
- 6C54C3
≈ Circumorbital Ring
- AC377A
≈ Plum Kingdom
四角配色 +90° +180° +270°
- 2A8000
Napier Green
- 00759B
≈ Pristine Seas
- 9343A6
≈ Tyrian Shimmer
- A94C00
≈ Cinnamon Bun
对比度与无障碍
Ag
AA白底
WCAG 5.01:1 · APCA Lc 74
Ag
Fail黑底
WCAG 4.18:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--napier-green: #2a8000;
--napier-green-rgb: 42 128 0;
--napier-green-oklch: oklch(0.527 0.167 139.3);
}
.element {
color: var(--napier-green);
background-color: hsl(100 100% 25%);
border-color: oklch(0.527 0.167 139.3);
}Tailwind CSS v4
@theme {
--color-napier-green: #2a8000;
--color-napier-green-50: #dbffd5;
--color-napier-green-100: #caf7c2;
--color-napier-green-200: #ace7a3;
--color-napier-green-300: #85cd7b;
--color-napier-green-400: #66b54f;
--color-napier-green-500: #3f9f1c;
--color-napier-green-600: #37861c;
--color-napier-green-700: #2c6c16;
--color-napier-green-800: #224f08;
--color-napier-green-900: #173706;
--color-napier-green-950: #072100;
}SCSS
$napier-green: #2a8000;
$napier-green-rgb: 42, 128, 0;
$napier-green-light: mix(#fff, $napier-green, 20%);
$napier-green-dark: mix(#000, $napier-green, 20%);
.element {
color: $napier-green;
box-shadow: 0 0 0 2px rgba($napier-green, 0.35);
}