Named color · #007700
Moth Green
Moth Green is #007700: rgb(0 119 0), hsl(120 100% 23%), oklch(0.493 0.168 142.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Moth Green color name →
#007700
oklch(0.493 0.168 142.5)
Color conversions
- HEX
- #007700
- RGB
- rgb(0 119 0)
- HSL
- hsl(120 100% 23%)
- HWB
- hwb(120 0% 53%)
- OKLCH
- oklch(0.493 0.168 142.5)
- OKLab
- oklab(0.493 -0.133 0.102)
- CIE Lab
- lab(43.1 -45.13 46.11)
- LCH
- lch(43.1 64.52 134.4)
- CMYK
- cmyk(100% 0% 100% 53%)
Tints · Shades · Tones
Tints
- 2E852A
- 499244
- 61A05C
- 78AD73
- 8EBB8A
- A5C8A1
- BBD6B8
- D1E4CF
- E8F1E7
Shades
- 006700
- 005700
- 004700
- 003800
- 002A00
- 001C00
- 001000
- 000500
- 000100
Tones
- 20781C
- 307A2C
- 3D7B39
- 497C45
- 537D4F
- 5D7E5A
- 667F63
- 6F7F6D
- 788077
Color harmonies
Complementary +180°
- 007700
Moth Green
- 8C3798
≈ Leviathan Purple
Analogous -30° +30°
- 007700
Moth Green
- 636700
≈ Earthy Khaki Green
- 00725C
≈ Tropical Rainforest
Triadic +120° +240°
- 007700
Moth Green
- 295ABF
≈ Amnesia Blue
- AC2831
≈ Emperor Cherry Red
Split-complementary +150° +210°
- 007700
Moth Green
- 6747B6
≈ Swiss Plum
- A32A6A
≈ Amaranth Deep Purple
Tetradic +90° +180° +270°
- 007700
Moth Green
- 006A91
≈ Port au Prince
- 8C3798
≈ Leviathan Purple
- 974800
≈ Brownie
Contrast & accessibility
Ag
AAOn white
WCAG 5.77:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.63:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--moth-green: #007700;
--moth-green-rgb: 0 119 0;
--moth-green-oklch: oklch(0.493 0.168 142.5);
}
.element {
color: var(--moth-green);
background-color: hsl(120 100% 23%);
border-color: oklch(0.493 0.168 142.5);
}Tailwind CSS v4
@theme {
--color-moth-green: #007700;
--color-moth-green-50: #d9ffd8;
--color-moth-green-100: #c6f7c5;
--color-moth-green-200: #a7e8a7;
--color-moth-green-300: #7ece80;
--color-moth-green-400: #5cb756;
--color-moth-green-500: #2ea02a;
--color-moth-green-600: #2a8726;
--color-moth-green-700: #216d1e;
--color-moth-green-800: #1b5010;
--color-moth-green-900: #12370a;
--color-moth-green-950: #042200;
}SCSS
$moth-green: #007700;
$moth-green-rgb: 0, 119, 0;
$moth-green-light: mix(#fff, $moth-green, 20%);
$moth-green-dark: mix(#000, $moth-green, 20%);
.element {
color: $moth-green;
box-shadow: 0 0 0 2px rgba($moth-green, 0.35);
}