#FF4C4C Color (Hex and RGB)
#FF4C4C
#ff4c4c has RGB values (255, 76, 76). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FF4C4C | RFFG4CB4C | |
| RGB | rgb(255 76 76) | R255G76B76 | |
| HSL | hsl(0 100% 65%) | H0°S100%L65% | |
| OKLCH | oklch(67% 0.22 25) | L0.67C0.22H25° | |
| HSV | hsv(0, 70%, 100%) | H0°S70%V100% | |
| CMYK | cmyk(0%, 70%, 70%, 0%) | C0%M70%Y70%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 01001100 | 01001100 |
| Octal | 377 | 114 | 114 |
| Decimal | 255 | 76 | 76 |
| Hex | ff | 4c | 4c |
Shades & tints
Shades mix #FF4C4C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FF4C4C0%
- #E946469%
- #D43F3F17%
- #BE393926%
- #A8323234%
- #932C2C43%
- #7D252551%
- #671F1F59%
- #52181868%
- #3C121277%
- #260B0B85%
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
#FF4C4C on #FFFFFF
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FF4C4C on #000000
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FF4C4C
3.29:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #FF4C4C
6.39:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ff4c4c; - Background
background-color: #ff4c4c; - CSS variable
--color-ff4c4c: #ff4c4c; - Modern CSS
color: oklch(67% 0.22 25); - SCSS
$color-ff4c4c: #ff4c4c; - Tailwind
bg-[#ff4c4c] text-[#ff4c4c] - HTML
<div style="background-color: #ff4c4c"></div>