#FF834C Color (Hex and RGB)
#FF834C
#ff834c has RGB values (255, 131, 76). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FF834C | RFFG83B4C | |
| RGB | rgb(255 131 76) | R255G131B76 | |
| HSL | hsl(18 100% 65%) | H18°S100%L65% | |
| OKLCH | oklch(74% 0.17 43) | L0.74C0.17H43° | |
| HSV | hsv(18, 70%, 100%) | H18°S70%V100% | |
| CMYK | cmyk(0%, 49%, 70%, 0%) | C0%M49%Y70%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 10000011 | 01001100 |
| Octal | 377 | 203 | 114 |
| Decimal | 255 | 131 | 76 |
| Hex | ff | 83 | 4c |
Shades & tints
Shades mix #FF834C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FF834C0%
- #E978469%
- #D46D3F17%
- #BE623926%
- #A8563234%
- #934B2C43%
- #7D402551%
- #67351F59%
- #522A1868%
- #3C1F1277%
- #26140B85%
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
#FF834C on #FFFFFF
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FF834C on #000000
8.60:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FF834C
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FF834C
8.60:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ff834c; - Background
background-color: #ff834c; - CSS variable
--color-ff834c: #ff834c; - Modern CSS
color: oklch(74% 0.17 43); - SCSS
$color-ff834c: #ff834c; - Tailwind
bg-[#ff834c] text-[#ff834c] - HTML
<div style="background-color: #ff834c"></div>