#ec0443 ≈ Amaranth
#ec0443 is a color from the rose family, with medium lightness and vivid saturation. In the RGB model it is made of 92.55% red, 1.57% green and 26.27% blue; printed in CMYK it uses 0% cyan, 98.31% magenta, 71.61% yellow and 7.45% black. Its hue angle is 343.71°, with 96.67% saturation and 47.06% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and call-to-action buttons. Black text on this color reaches a contrast ratio of 4.66:1 (WCAG AA). The closest named color is Amaranth (#e52b50), ΔE 2.87.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #ff0033 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1832 |
Shades
#ec0443 mixed progressively with black.
Tints
#ec0443 mixed progressively with white.
Tones
#ec0443 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-ec0443 {
color: #ec0443;
}
.bg-ec0443 {
background-color: #ec0443;
color: #000000;
}
.border-ec0443 {
border: 2px solid #ec0443;
}
:root {
--color-primary: #ec0443;
--color-primary-rgb: 236 4 67;
--color-primary-hsl: 344 97% 47%;
}
.gradient-ec0443 {
background: linear-gradient(135deg, #ec0443, #ec3904);
}
.shadow-ec0443 {
box-shadow: 0 8px 24px rgb(236 4 67 / 0.35);
}
Amaranth
#ec0443 rgb(236, 4, 67) hsl(344, 97%, 47%) Amaranth
#04ecad rgb(4, 236, 173) hsl(164, 97%, 47%) Medium Spring Green
#43ec04 rgb(67, 236, 4) hsl(104, 97%, 47%) Neon Green
#0443ec rgb(4, 67, 236) hsl(224, 97%, 47%) Iris