keecode logokeecode
Home / Color Codes / Crimson

Crimson

Popular

Color Codes

HEX

#DC143C

RGB

rgb(220, 20, 60)

HSL

hsl(348, 83%, 47%)

Usage Examples

CSS (HEX)

.element {
  background-color: #DC143C;
  color: #DC143C;
  border: 1px solid #DC143C;
}

CSS (RGB)

.element {
  background-color: rgb(220, 20, 60);
  color: rgb(220, 20, 60);
}

CSS (HSL)

.element {
  background-color: hsl(348, 83%, 47%);
  color: hsl(348, 83%, 47%);
}

HTML Inline Style

<div style="background-color: #DC143C; color: white;">
  Content
</div>

JavaScript

element.style.backgroundColor = "#DC143C";
element.style.color = "#DC143C";

React/JSX

<div style={{ backgroundColor: "#DC143C", color: "white" }}>
  Content
</div>