#744F28 Color (Hex and RGB)
#744F28
#744f28 has RGB values (116, 79, 40). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #744F28 | R74G4FB28 | |
| RGB | rgb(116 79 40) | R116G79B40 | |
| HSL | hsl(31 49% 31%) | H31°S49%L31% | |
| OKLCH | oklch(46% 0.07 66) | L0.46C0.07H66° | |
| HSV | hsv(31, 66%, 45%) | H31°S66%V45% | |
| CMYK | cmyk(0%, 32%, 66%, 55%) | C0%M32%Y66%K55% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110100 | 01001111 | 00101000 |
| Octal | 164 | 117 | 50 |
| Decimal | 116 | 79 | 40 |
| Hex | 74 | 4f | 28 |
Shades & tints
Shades mix #744F28 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #744F280%
- #6A48259%
- #60422117%
- #563B1E26%
- #4D341A34%
- #432D1743%
- #39271451%
- #2F201059%
- #25190D68%
- #1B130977%
- #110C0685%
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
#744F28 on #FFFFFF
7.26:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#744F28 on #000000
2.89:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #744F28
7.26:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #744F28
2.89:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #744f28; - Background
background-color: #744f28; - CSS variable
--color-744f28: #744f28; - Modern CSS
color: oklch(46% 0.07 66); - SCSS
$color-744f28: #744f28; - Tailwind
bg-[#744f28] text-[#744f28] - HTML
<div style="background-color: #744f28"></div>