How can I make this color darker

Question

I am working on a coding project and I would love it if this color could be a little bit darker. I will put you in the "contributors" section if you help me. Thanks!
🙂😀😃😎🤩

The color is the h1 color in the following code:

https://code.sololearn.com/WKuVs1UkRiX7/?ref=app

Answer 1

🐺Michael🐺 After messing around a bit it seems that #163199 is the best I could get for a dark blue-ish colour that sort of resembles what you're trying to get. If that doesn't seem to be it, I would recommend checking out this W3School hexadecimal colour slider thing to try and get the perfect shade - https://www.w3schools.com/colors/colors_picker.asp

Answer 2

Zeke Williams
Faisal
I will use the color picker that Faisal provided.

Answer 3

Copy your code to codepen.io
Set SCSS CSS preprocessor

Use SCSS to find darker color for you

$color: #154699;
$dark: darken($color, 20%); /* darker by 20% */

body {
color: $dark;
}

Then use "View compiled SCSS" option
to look for the compiled color code by SCSS.

Answer 4

Try lowering every bit by the same amount to make things darker. Another way to do it is to look up a color picker and convert the color format to hsl. In hsl all you have to do to make something darker is adjust the luminescence.

Answer 5

I'm not too sure if this is what you are looking for, but by changing the blue hexadecimal to 77 makes the colour much darker while still somewhat pertaining its blue tint.

Answer 6

Faisal
That made it a kind of green-gray color, which is not what I was looking for but is pretty interesting.