#9D174D
Tailwind pink-800
#9D174D is a magenta colour. In RGB it is 157 red, 23 green and 77 blue, which converts to a hue of 336 degrees, 74% saturation and 35% lightness. It is Tailwind pink-800 in that design system's palette.
Color values
| HEX | #9D174D |
|---|---|
| RGB | rgb(157, 23, 77) |
| HSL | hsl(336, 74%, 35%) |
| HSV | hsv(336, 85%, 62%) |
| CMYK | cmyk(0%, 85%, 51%, 38%) |
Contrast and accessibility
Against white the contrast ratio is 7.88:1, and against black it is 2.66: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 | 7.88:1 | AAA | AAA |
| Black | 2.66:1 | Fail | Fail |
Tints and shades
Lighter tints move #9D174D toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #9D174D; |
|---|---|
| CSS rgb() | color: rgb(157 23 77); |
| Tailwind | bg-[#9d174d] |
| SwiftUI | Color(red: 0.616, green: 0.090, blue: 0.302) |
| Android | Color.parseColor("#9D174D") |
Closest named color
The nearest CSS colour keyword to #9D174D is brown (#A52A2A).