Answers for "text colors for a colored background"

text color

<p style="color: #ffffff;">Lorem ipsum...</p>				<!-- text -->
<p style="background-color: red;">Lorem ipsum...</p>		<!-- background -->
<h1 style="border: 2px solid #00ff00;">Lorem ipsum...</h1>	<!-- border -->

<!-- 3 ways to define colors -->
<h1 style="background-color: rgb(255, 99, 71);">Lorem ipsum...</h1>
<h1 style="background-color: #ff6347;">Lorem ipsum...</h1>
<h1 style="background-color: hsl(9, 100%, 64%);">Lorem ipsum...</h1>

Text Color Classes

.text--primary {
	color: var(--primary);	
}
.text--secondary {
	color: var(--secondary);	
}
.text--accent {
	color: var(--accent);	
}
.text--base {
	color: var(--base);	
}