#FC4C02 Color (Hex and RGB)
#FC4C02
#fc4c02 has RGB values (252, 76, 2). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FC4C02 | RFCG4CB02 | |
| RGB | rgb(252 76 2) | R252G76B2 | |
| HSL | hsl(18 98% 50%) | H18°S98%L50% | |
| OKLCH | oklch(66% 0.22 37) | L0.66C0.22H37° | |
| HSV | hsv(18, 99%, 99%) | H18°S99%V99% | |
| CMYK | cmyk(0%, 70%, 99%, 1%) | C0%M70%Y99%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111100 | 01001100 | 00000010 |
| Octal | 374 | 114 | 2 |
| Decimal | 252 | 76 | 2 |
| Hex | fc | 4c | 02 |
Shades & tints
Shades mix #FC4C02 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FC4C020%
- #E746029%
- #D13F0217%
- #BC390126%
- #A6320134%
- #912C0143%
- #7B250151%
- #661F0159%
- #51180168%
- #3B120077%
- #260B0085%
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
#FC4C02 on #FFFFFF
3.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FC4C02 on #000000
6.17:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FC4C02
3.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #FC4C02
6.17:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fc4c02; - Background
background-color: #fc4c02; - CSS variable
--color-fc4c02: #fc4c02; - Modern CSS
color: oklch(66% 0.22 37); - SCSS
$color-fc4c02: #fc4c02; - Tailwind
bg-[#fc4c02] text-[#fc4c02] - HTML
<div style="background-color: #fc4c02"></div>