Named color · #00A800
Aquamentus Green
Aquamentus Green is #00A800: rgb(0 168 0), hsl(120 100% 33%), oklch(0.634 0.216 142.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Aquamentus Green color name →
#00A800
oklch(0.634 0.216 142.5)
Color conversions
- HEX
- #00a800
- RGB
- rgb(0 168 0)
- HSL
- hsl(120 100% 33%)
- HWB
- hwb(120 0% 34%)
- OKLCH
- oklch(0.634 0.216 142.5)
- OKLab
- oklab(0.634 -0.171 0.131)
- CIE Lab
- lab(59.95 -57.99 59.26)
- LCH
- lch(59.95 82.91 134.4)
- CMYK
- cmyk(100% 0% 100% 34%)
Tints · Shades · Tones
Tints
- 3AB135
- 57BB51
- 6FC468
- 85CD7F
- 9AD595
- AFDEAA
- C3E6BF
- D7EFD4
- EBF7EA
Shades
- 009200
- 007C00
- 006700
- 005200
- 003F00
- 002C00
- 001A00
- 000A00
- 000100
Tones
- 29A525
- 3BA136
- 499D44
- 549A4F
- 5D9658
- 659261
- 6D8D6A
- 748971
- 7A8579
Color harmonies
Complementary +180°
- 00A800
Aquamentus Green
- C450D5
≈ Medium Orchid
Analogous -30° +30°
- 00A800
Aquamentus Green
- 8C9200
≈ Old Asparagus
- 00A282
≈ Congo Green
Triadic +120° +240°
- 00A800
Aquamentus Green
- 4583FF
≈ Dodger Blue
- F13C49
≈ Red Radish
Split-complementary +150° +210°
- 00A800
Aquamentus Green
- 9266FE
≈ Purple Anemone
- E43E97
≈ Prunus Avium
Tetradic +90° +180° +270°
- 00A800
Aquamentus Green
- 0096CB
≈ Germander Speedwell
- C450D5
≈ Medium Orchid
- D36800
≈ Cinnamon
Contrast & accessibility
Ag
FailOn white
WCAG 3.18:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.60:1 · APCA Lc 44
Best text color: #000000
WCAG 6.60:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--aquamentus-green: #00a800;
--aquamentus-green-rgb: 0 168 0;
--aquamentus-green-oklch: oklch(0.634 0.216 142.5);
}
.element {
color: var(--aquamentus-green);
background-color: hsl(120 100% 33%);
border-color: oklch(0.634 0.216 142.5);
}Tailwind CSS v4
@theme {
--color-aquamentus-green: #00a800;
--color-aquamentus-green-50: #d0ffcf;
--color-aquamentus-green-100: #bbfbbb;
--color-aquamentus-green-200: #98ec99;
--color-aquamentus-green-300: #68d36d;
--color-aquamentus-green-400: #3cbc36;
--color-aquamentus-green-500: #00a600;
--color-aquamentus-green-600: #008c00;
--color-aquamentus-green-700: #007000;
--color-aquamentus-green-800: #005200;
--color-aquamentus-green-900: #013a00;
--color-aquamentus-green-950: #002300;
}SCSS
$aquamentus-green: #00a800;
$aquamentus-green-rgb: 0, 168, 0;
$aquamentus-green-light: mix(#fff, $aquamentus-green, 20%);
$aquamentus-green-dark: mix(#000, $aquamentus-green, 20%);
.element {
color: $aquamentus-green;
box-shadow: 0 0 0 2px rgba($aquamentus-green, 0.35);
}