#475569
Tailwind slate-600
#475569 is a blue colour. In RGB it is 71 red, 85 green and 105 blue, which converts to a hue of 215 degrees, 19% saturation and 35% lightness. It is Tailwind slate-600 in that design system's palette.
Color values
| HEX | #475569 |
|---|---|
| RGB | rgb(71, 85, 105) |
| HSL | hsl(215, 19%, 35%) |
| HSV | hsv(215, 32%, 41%) |
| CMYK | cmyk(32%, 19%, 0%, 59%) |
Contrast and accessibility
Against white the contrast ratio is 7.58:1, and against black it is 2.77: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.58:1 | AAA | AAA |
| Black | 2.77:1 | Fail | Fail |
Tints and shades
Lighter tints move #475569 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #475569; |
|---|---|
| CSS rgb() | color: rgb(71 85 105); |
| Tailwind | bg-[#475569] |
| SwiftUI | Color(red: 0.278, green: 0.333, blue: 0.412) |
| Android | Color.parseColor("#475569") |
Closest named color
The nearest CSS colour keyword to #475569 is darkslategray (#2F4F4F).