#E57373
Material red 300
#E57373 is a red colour. In RGB it is 229 red, 115 green and 115 blue, which converts to a hue of 0 degrees, 69% saturation and 67% lightness. It is Material red 300 in that design system's palette.
Color values
| HEX | #E57373 |
|---|---|
| RGB | rgb(229, 115, 115) |
| HSL | hsl(0, 69%, 67%) |
| HSV | hsv(0, 50%, 90%) |
| CMYK | cmyk(0%, 50%, 50%, 10%) |
Contrast and accessibility
Against white the contrast ratio is 2.99:1, and against black it is 7.03:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 2.99:1 | Fail | Fail |
| Black | 7.03:1 | AAA | AAA |
Tints and shades
Lighter tints move #E57373 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #E57373; |
|---|---|
| CSS rgb() | color: rgb(229 115 115); |
| Tailwind | bg-[#e57373] |
| SwiftUI | Color(red: 0.898, green: 0.451, blue: 0.451) |
| Android | Color.parseColor("#E57373") |
Closest named color
The nearest CSS colour keyword to #E57373 is lightcoral (#F08080).