#F05000 Color (Hex and RGB)
#F05000
#f05000 has RGB values (240, 80, 0). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F05000 | RF0G50B00 | |
| RGB | rgb(240 80 0) | R240G80B0 | |
| HSL | hsl(20 100% 47%) | H20°S100%L47% | |
| OKLCH | oklch(65% 0.21 39) | L0.65C0.21H39° | |
| HSV | hsv(20, 100%, 94%) | H20°S100%V94% | |
| CMYK | cmyk(0%, 67%, 100%, 6%) | C0%M67%Y100%K6% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110000 | 01010000 | 00000000 |
| Octal | 360 | 120 | 0 |
| Decimal | 240 | 80 | 0 |
| Hex | f0 | 50 | 00 |
Shades & tints
Shades mix #F05000 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F050000%
- #DC49009%
- #C7420017%
- #B33C0026%
- #9E350034%
- #8A2E0043%
- #76270051%
- #61200059%
- #4D1A0068%
- #38130077%
- #240C0085%
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
#F05000 on #FFFFFF
3.59:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F05000 on #000000
5.85:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F05000
3.59:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F05000
5.85:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f05000; - Background
background-color: #f05000; - CSS variable
--color-f05000: #f05000; - Modern CSS
color: oklch(65% 0.21 39); - SCSS
$color-f05000: #f05000; - Tailwind
bg-[#f05000] text-[#f05000] - HTML
<div style="background-color: #f05000"></div>