Pastel Green
Pastel
Color Codes
HEX
#B0E57C
RGB
rgb(176, 229, 124)
HSL
hsl(90, 66%, 69%)
Usage Examples
CSS (HEX)
.element {
background-color: #B0E57C;
color: #B0E57C;
border: 1px solid #B0E57C;
}CSS (RGB)
.element {
background-color: rgb(176, 229, 124);
color: rgb(176, 229, 124);
}CSS (HSL)
.element {
background-color: hsl(90, 66%, 69%);
color: hsl(90, 66%, 69%);
}HTML Inline Style
<div style="background-color: #B0E57C; color: white;"> Content </div>
JavaScript
element.style.backgroundColor = "#B0E57C"; element.style.color = "#B0E57C";
React/JSX
<div style={{ backgroundColor: "#B0E57C", color: "white" }}>
Content
</div>About Color Formats
HEX: Hexadecimal color codes are the most common format in web development. Format: #RRGGBB where RR, GG, BB are hex values (00-FF) for red, green, and blue.
RGB: Red, Green, Blue values from 0-255. Supports alpha channel with rgba() for transparency.
HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%). More intuitive for color adjustments and supports alpha with hsla().
RGB: Red, Green, Blue values from 0-255. Supports alpha channel with rgba() for transparency.
HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%). More intuitive for color adjustments and supports alpha with hsla().