Named color · #2A8000
Napier Green
Napier Green is #2A8000: rgb(42 128 0), hsl(100 100% 25%), oklch(0.527 0.167 139.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Napier Green color name →
#2A8000
oklch(0.527 0.167 139.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 438D2D
- 599947
- 6EA65F
- 82B376
- 97C08C
- ABCCA3
- C0D9BA
- D5E6D1
- EAF2E8
Shades
- 236E00
- 1C5D00
- 164D00
- 103D00
- 0A2E00
- 051F00
- 021200
- 010600
- 000100
Tones
- 37811E
- 41812F
- 4B813C
- 538147
- 5B8251
- 63815B
- 6B8165
- 72816E
- 798177
Color harmonies
Complementary +180°
- 2A8000
Napier Green
- 9343A6
≈ Tyrian Shimmer
Analogous -30° +30°
- 2A8000
Napier Green
- 707000
≈ Bronze Yellow
- 007E61
≈ Verdant Green
Triadic +120° +240°
- 2A8000
Napier Green
- 2766C9
≈ Janitor
- B73442
≈ Rust Effect
Split-complementary +150° +210°
- 2A8000
Napier Green
- 6C54C3
≈ Circumorbital Ring
- AC377A
≈ Plum Kingdom
Tetradic +90° +180° +270°
- 2A8000
Napier Green
- 00759B
≈ Pristine Seas
- 9343A6
≈ Tyrian Shimmer
- A94C00
≈ Cinnamon Bun
Contrast & accessibility
Ag
AAOn white
WCAG 5.01:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.18:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
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);
}