# “Light red” and “light green” background colors not working-CSS

**URL:** <https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368>\
**Category:** web dev\
**Created:** [November 2, 2022, 4:25am UTC](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368 "2022-11-02T04:25:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![polaryeti](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/polaryeti/32/19283_2.png) [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Post date:** [November 2, 2022, 4:25am UTC](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368/1 "2022-11-02T04:25:11Z")

</div>

> **[css-exercises/foundations/02-class-id-selectors at main ·...](https://github.com/TheOdinProject/css-exercises/tree/main/foundations/02-class-id-selectors)**
>
> main/foundations/02-class-id-selectors

I’m doing this assignment of The Odin Project. But the two colors aren’t working.

Here’s my code:

index.html:

```auto

<p class="odd">Number 1 - I'm a class!</p>

    <div ids="second">Number 2 - I'm one ID.</div>

    <p class="odd oddly-cool">Number 3 - I'm a class, but cooler!</p>

    <div id="four">Number 4 - I'm another ID.</div>

    <p class="odd">Number 5 - I'm a class!</p>

```

Style.css:

```auto

.odd{
    background-color: light red;
    font-family: Verdana, Dejavu Sans, sans-serif;
}
#second{
    color:blue;
    font-size:36px;
}
.oddly-cool{
    font-size:24px;
}
.four{
    background-color: light green;
    font-size:24px;
    font-weight: 700;
}

```

If I put rgb value, it will work though. So, what’s the issue? Doesnt’ background-color supports light as a value?

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 2, 2022, 4:55am UTC](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368/2 "2022-11-02T04:55:54Z")

</div>

You can use the named CSS colors, but the names don’t have a space in them. Try **lightred** and **lightgreen** as values instead 😀

---

<div class="post-metadata">

**Author:** ![polaryeti](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/polaryeti/32/19283_2.png) [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Post date:** [November 2, 2022, 5:56am UTC](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368/3 "2022-11-02T05:56:53Z")

</div>

thank you. lightpink works and lightgreen.