#F87171
Tailwind red-400
#F87171 is a red colour. In RGB it is 248 red, 113 green and 113 blue, which converts to a hue of 0 degrees, 91% saturation and 71% lightness. It is Tailwind red-400 in that design system's palette.
Color values
| HEX | #F87171 |
|---|---|
| RGB | rgb(248, 113, 113) |
| HSL | hsl(0, 91%, 71%) |
| HSV | hsv(0, 54%, 97%) |
| CMYK | cmyk(0%, 54%, 54%, 3%) |
Contrast and accessibility
Against white the contrast ratio is 2.77:1, and against black it is 7.59: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.77:1 | Fail | Fail |
| Black | 7.59:1 | AAA | AAA |
Tints and shades
Lighter tints move #F87171 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #F87171; |
|---|---|
| CSS rgb() | color: rgb(248 113 113); |
| Tailwind | bg-[#f87171] |
| SwiftUI | Color(red: 0.973, green: 0.443, blue: 0.443) |
| Android | Color.parseColor("#F87171") |
Closest named color
The nearest CSS colour keyword to #F87171 is salmon (#FA8072).