You should give the color property a contrast with the background of at least 7:1. Hint: I would use #dfdfe2

HTML-CSS
1

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 45

Link to the challenge:

2

Please paste your CSS in here so we can see what you did. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

1 Like
3 
color:#6b5b95, contrast(7/1);
4

So there is a contrast function in CSS but it’s for images, not text. You want to use the color property, you just want to make sure the color you choose has enough contrast with the dark background to be accessible. The color you chose is not quite light enough. The hint is giving you a color that would work.

5

I need color property

6

That is your color property. You just need to use a different color, like the one suggested in the hint.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.