#54493F Color (Hex and RGB)
#54493F
#54493f has RGB values (84, 73, 63). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #54493F | R54G49B3F | |
| RGB | rgb(84 73 63) | R84G73B63 | |
| HSL | hsl(29 14% 29%) | H29°S14%L29% | |
| OKLCH | oklch(41% 0.02 64) | L0.41C0.02H64° | |
| HSV | hsv(29, 25%, 33%) | H29°S25%V33% | |
| CMYK | cmyk(0%, 13%, 25%, 67%) | C0%M13%Y25%K67% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010100 | 01001001 | 00111111 |
| Octal | 124 | 111 | 77 |
| Decimal | 84 | 73 | 63 |
| Hex | 54 | 49 | 3f |
Shades & tints
Shades mix #54493F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #54493F0%
- #4D433A9%
- #463D3417%
- #3F362F26%
- #37302A34%
- #302A2443%
- #29241F51%
- #221E1A59%
- #1B171468%
- #14110F77%
- #0D0B0985%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#54493F on #FFFFFF
8.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#54493F on #000000
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #54493F
8.74:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #54493F
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #54493f; - Background
background-color: #54493f; - CSS variable
--color-54493f: #54493f; - Modern CSS
color: oklch(41% 0.02 64); - SCSS
$color-54493f: #54493f; - Tailwind
bg-[#54493f] text-[#54493f] - HTML
<div style="background-color: #54493f"></div>