#FF4F81 Color (Hex and RGB)
#FF4F81
#ff4f81 has RGB values (255, 79, 129). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FF4F81 | RFFG4FB81 | |
| RGB | rgb(255 79 129) | R255G79B129 | |
| HSL | hsl(343 100% 65%) | H343°S100%L65% | |
| OKLCH | oklch(69% 0.21 8) | L0.69C0.21H8° | |
| HSV | hsv(343, 69%, 100%) | H343°S69%V100% | |
| CMYK | cmyk(0%, 69%, 49%, 0%) | C0%M69%Y49%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 01001111 | 10000001 |
| Octal | 377 | 117 | 201 |
| Decimal | 255 | 79 | 129 |
| Hex | ff | 4f | 81 |
Shades & tints
Shades mix #FF4F81 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FF4F810%
- #E948769%
- #D4426B17%
- #BE3B6026%
- #A8345534%
- #932D4A43%
- #7D273F51%
- #67203459%
- #52192968%
- #3C131E77%
- #260C1385%
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
#FF4F81 on #FFFFFF
3.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FF4F81 on #000000
6.69:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FF4F81
3.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #FF4F81
6.69:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ff4f81; - Background
background-color: #ff4f81; - CSS variable
--color-ff4f81: #ff4f81; - Modern CSS
color: oklch(69% 0.21 8); - SCSS
$color-ff4f81: #ff4f81; - Tailwind
bg-[#ff4f81] text-[#ff4f81] - HTML
<div style="background-color: #ff4f81"></div>