Pastel green color: code #77DD77
Pastel green
#77DD77
Color codes
- HEX
#77DD77 - RGB
rgb(119, 221, 119) - HSL
hsl(120, 60%, 67%) - HSV
hsv(120, 46%, 87%) - CMYK
cmyk(46%, 0%, 46%, 13%) - LAB
lab(80.2% -50.1 40.9) - OKLCH
oklch(81.2% 0.169 143.8)
About the color Pastel green
Pastel green has the HEX code #77DD77, which corresponds to rgb(119, 221, 119) in the RGB model. On the color wheel its hue sits at 120°, with 60% saturation and 67% lightness (hsl(120, 60%, 67%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 12.39:1 contrast ratio on it, versus 1.69:1 for white.
For print, the approximate conversion is cmyk(46%, 0%, 46%, 13%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Pastel green
Complementary
#77DD77 · #DD78DD
Analogous
#ABDD78 · #77DD77 · #78DDAB
Triadic
#77DD77 · #7878DD · #DD7878
Tetradic
#77DD77 · #78ABDD · #DD78DD · #DDAB78
Split-complementary
#77DD77 · #AB78DD · #DD78AB
Monochromatic
#2BAB2B · #50D350 · #77DD77 · #B6EDB6 · #F3FCF3
Pastel green with white and black text
How to use it in CSS
:root {
--color-pastel-green: #77DD77;
--color-pastel-green-rgb: 119, 221, 119;
}
.elemento {
background-color: var(--color-pastel-green);
color: #000000;
}