#D97706
Tailwind amber-600
#D97706 is a orange colour. In RGB it is 217 red, 119 green and 6 blue, which converts to a hue of 32 degrees, 95% saturation and 44% lightness. It is Tailwind amber-600 in that design system's palette.
Color values
| HEX | #D97706 |
|---|---|
| RGB | rgb(217, 119, 6) |
| HSL | hsl(32, 95%, 44%) |
| HSV | hsv(32, 97%, 85%) |
| CMYK | cmyk(0%, 45%, 97%, 15%) |
Contrast and accessibility
Against white the contrast ratio is 3.19:1, and against black it is 6.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 | 3.19:1 | Fail | AA |
| Black | 6.59:1 | AA | AAA |
Tints and shades
Lighter tints move #D97706 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #D97706; |
|---|---|
| CSS rgb() | color: rgb(217 119 6); |
| Tailwind | bg-[#d97706] |
| SwiftUI | Color(red: 0.851, green: 0.467, blue: 0.024) |
| Android | Color.parseColor("#D97706") |
Closest named color
The nearest CSS colour keyword to #D97706 is chocolate (#D2691E).