Taupe#483C32
Taupe Hex Code: #483C32
Taupe is a dark, neutral gray. Its OKLCH lightness is 37% and chroma 0.024. Text on this color reads best in white (contrast 10.67:1).
| HEX | #483C32 |
|---|---|
| RGB | rgb(72, 60, 50) |
| HSL | hsl(27, 18%, 24%) |
| HSV / HSB | hsv(27, 31%, 28%) |
| CMYK | cmyk(0%, 17%, 31%, 72%) |
| OKLCH | oklch(36.6% 0.024 61.8) |
Contrast
White text10.67:1
AAAA largeAAA
Black text1.97:1
AAAA largeAAA
On white10.67:1
AAAA largeAAA
On black1.97:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Analogous
Triadic
Split complementary
Similar named colors
Code
| CSS | color: #483C32; |
|---|---|
| Tailwind | bg-[#483c32] |
| SwiftUI | Color(red: 0.282, green: 0.235, blue: 0.196) |
| Android | Color.parseColor("#483C32") |
| Flutter | Color(0xFF483C32) |
Value from Wikipedia, List of colors (taupe). Names like Taupe are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for taupe?
Taupe is #483C32 in hex and rgb(72, 60, 50) in RGB.
What is taupe in CMYK?
With the plain conversion formula it is cmyk(0, 17, 31, 72). For print, convert with your printer's ICC profile instead.
What text color works on taupe?
White text has the higher contrast at 10.67:1, which passes WCAG AA for normal text (4.5:1).