Home/ Questions/Q 8498193
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T00:20:08+00:00

In my CSS, I defined the #error div as: #error { border-width:1px; border-style:solid; border-color:

  • 0

In my CSS, I defined the #error div as:

#error {
    border-width:1px;
    border-style:solid;
    border-color: #DD3C10;
    background:#FFEBE8;
    /* Other settings */
}

The code above isn’t mine, actually – I used the same colors as Facebook. Now, I want to do the same with the #success div, but I don’t know which colors to use. I want to keep the same tint (which is, the position on the line between “full color” and “white”), but of green instead of red. How do I do it? Is there a “formula”?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You care about the L (lightness) component in the HSL representation of your color. You can find an online converter (RGB/HEX to HSL) here: little link.

    HSL for #DD3C10 is 13° 86% 46%, while #FFEBE8 is 8° 100% 95%. Difference in lightness is, as you see, 49%.

    Suppose your green for border is #00FF00, which is 120° 100% 50% in HSL. To calculate the new lightness component, just add 49%. Thus the green for background is 120° 100% 99% which is #FAFFFA.

    • 0