Named color · #50A400
Prairie Green
Prairie Green is #50A400: rgb(80 164 0), hsl(91 100% 32%), oklch(0.64 0.19 135.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Prairie Green color name →
#50A400
oklch(0.64 0.19 135.9)
Color conversions
- HEX
- #50a400
- RGB
- rgb(80 164 0)
- HSL
- hsl(91 100% 32%)
- HWB
- hwb(91 0% 36%)
- OKLCH
- oklch(0.64 0.19 135.9)
- OKLab
- oklab(0.64 -0.136 0.132)
- CIE Lab
- lab(60.25 -43.98 60.3)
- LCH
- lch(60.25 74.64 126.1)
- CMYK
- cmyk(51% 0% 100% 36%)
Tints · Shades · Tones
Tints
- 63AE35
- 75B751
- 86C069
- 97CA7F
- A9D395
- BADCAA
- CBE5BF
- DCEED5
- EEF6EA
Shades
- 448E00
- 397900
- 2E6400
- 245000
- 1A3D00
- 102B00
- 071A00
- 020A00
- 000100
Tones
- 57A125
- 5D9E37
- 629A44
- 67974F
- 6C9359
- 709061
- 758C6A
- 798872
- 7C8479
Color harmonies
Complementary +180°
- 50A400
Prairie Green
- B860D8
≈ Rich Lilac
Analogous -30° +30°
- 50A400
Prairie Green
- 989000
≈ Smoothie Green
- 00A579
≈ Active Green
Triadic +120° +240°
- 50A400
Prairie Green
- 2C8AFC
≈ Pool Water
- E84D64
≈ Guide Pink
Split-complementary +150° +210°
- 50A400
Prairie Green
- 8674F8
≈ Bainganī
- D851A4
≈ Nova Pink
Tetradic +90° +180° +270°
- 50A400
Prairie Green
- 009AC4
≈ Sea Wonder
- B860D8
≈ Rich Lilac
- E05F00
≈ Tobiko Orange
Contrast & accessibility
Ag
FailOn white
WCAG 3.15:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.65:1 · APCA Lc 43
Best text color: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--prairie-green: #50a400;
--prairie-green-rgb: 80 164 0;
--prairie-green-oklch: oklch(0.64 0.19 135.9);
}
.element {
color: var(--prairie-green);
background-color: hsl(91 100% 32%);
border-color: oklch(0.64 0.19 135.9);
}Tailwind CSS v4
@theme {
--color-prairie-green: #50a400;
--color-prairie-green-50: #dbffce;
--color-prairie-green-100: #c9f8ba;
--color-prairie-green-200: #ace897;
--color-prairie-green-300: #85ce6a;
--color-prairie-green-400: #66b634;
--color-prairie-green-500: #419f00;
--color-prairie-green-600: #388700;
--color-prairie-green-700: #2d6c00;
--color-prairie-green-800: #234f00;
--color-prairie-green-900: #173700;
--color-prairie-green-950: #082200;
}SCSS
$prairie-green: #50a400;
$prairie-green-rgb: 80, 164, 0;
$prairie-green-light: mix(#fff, $prairie-green, 20%);
$prairie-green-dark: mix(#000, $prairie-green, 20%);
.element {
color: $prairie-green;
box-shadow: 0 0 0 2px rgba($prairie-green, 0.35);
}