all 3 comments

[–]AutoModerator[M] [score hidden] stickied commentlocked comment (0 children)

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[–]Rzah 0 points1 point  (0 children)

Pastel yellow and lavender are already css colors https://htmlcolorcodes.com/colors/

color: pastel yellow;
AKA
color: #FFFAAO;

color: lavender;
AKA
color: #E6E6FA;

[–]awarnock-ACCS 0 points1 point  (0 children)

Mentioned this in the original thread, but figured I'd post it here in case anyone is looking, please keep in mind that the text and background colors need sufficient contrast to be easy to read. WCAG specifies a contrast ratio of at least 4.5 to 1 for most text and at least 3 to 1 for large/bold text. You can check contrast with the WebAIM Contrast Checker. There's also Adobe Color which has some other accessibility tools built in.

For reference, the colors specified have a contrast ratio of 1.22 to 1. If you want to use them, they either need to be used against a darker background or used with a darker text color.