#98700D Color (Hex and RGB)
#98700D
#98700d has RGB values (152, 112, 13). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #98700D | R98G70B0D | |
| RGB | rgb(152 112 13) | R152G112B13 | |
| HSL | hsl(43 84% 32%) | H43°S84%L32% | |
| OKLCH | oklch(57% 0.11 83) | L0.57C0.11H83° | |
| HSV | hsv(43, 91%, 60%) | H43°S91%V60% | |
| CMYK | cmyk(0%, 26%, 91%, 40%) | C0%M26%Y91%K40% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10011000 | 01110000 | 00001101 |
| Octal | 230 | 160 | 15 |
| Decimal | 152 | 112 | 13 |
| Hex | 98 | 70 | 0d |
Shades & tints
Shades mix #98700D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #98700D0%
- #8B660C9%
- #7E5D0B17%
- #71530A26%
- #644A0934%
- #57400743%
- #4A370651%
- #3E2D0559%
- #31240468%
- #241A0377%
- #17110285%
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
#98700D on #FFFFFF
4.51:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#98700D on #000000
4.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #98700D
4.51:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #98700D
4.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #98700d; - Background
background-color: #98700d; - CSS variable
--color-98700d: #98700d; - Modern CSS
color: oklch(57% 0.11 83); - SCSS
$color-98700d: #98700d; - Tailwind
bg-[#98700d] text-[#98700d] - HTML
<div style="background-color: #98700d"></div>