RGB
84, 70, 58
HSL
28°, 18%, 28%
CMYK
0, 17, 31, 67
HSV
28°, 31%, 33%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #54463A |
color: #54463A;
|
| RGB | 84, 70, 58 |
color: rgb(84, 70, 58);
|
| RGB Percentage | 33%, 27%, 23% |
color: rgb(33%, 27%, 23%);
|
| CMYK | 0%, 17%, 31%, 67% | Not supported in CSS |
| HSL | 28°, 18%, 28% |
color: hsl(28, 18%, 28%);
|
| HSV | 28°, 31%, 33% | Not supported in CSS |
| CIE-LAB | 22, 3, 4 |
color: lab(22% 3 4);
|
| Decimal | 5523002 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.taupe {
color: #54463A;
}
SCSS
$taupe: #54463A;
RGB
rgb(84, 70, 58)
Accessibility & Contrast
White background
9.07:1
9.07
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.31:1
2.31
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element