#FF322E Color (Hex and RGB)
#FF322E
#ff322e has RGB values (255, 50, 46). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FF322E | RFFG32B2E | |
| RGB | rgb(255 50 46) | R255G50B46 | |
| HSL | hsl(1 100% 59%) | H1°S100%L59% | |
| OKLCH | oklch(65% 0.24 28) | L0.65C0.24H28° | |
| HSV | hsv(1, 82%, 100%) | H1°S82%V100% | |
| CMYK | cmyk(0%, 80%, 82%, 0%) | C0%M80%Y82%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 00110010 | 00101110 |
| Octal | 377 | 62 | 56 |
| Decimal | 255 | 50 | 46 |
| Hex | ff | 32 | 2e |
Shades & tints
Shades mix #FF322E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FF322E0%
- #E92E2A9%
- #D42A2617%
- #BE252226%
- #A8211E34%
- #931D1A43%
- #7D191751%
- #67141359%
- #52100F68%
- #3C0C0B77%
- #26080785%
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
#FF322E on #FFFFFF
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FF322E on #000000
5.75:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FF322E
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #FF322E
5.75:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ff322e; - Background
background-color: #ff322e; - CSS variable
--color-ff322e: #ff322e; - Modern CSS
color: oklch(65% 0.24 28); - SCSS
$color-ff322e: #ff322e; - Tailwind
bg-[#ff322e] text-[#ff322e] - HTML
<div style="background-color: #ff322e"></div>