#F4979C Color (Hex and RGB)
#F4979C
#f4979c has RGB values (244, 151, 156). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F4979C | RF4G97B9C | |
| RGB | rgb(244 151 156) | R244G151B156 | |
| HSL | hsl(357 81% 77%) | H357°S81%L77% | |
| OKLCH | oklch(77% 0.11 17) | L0.77C0.11H17° | |
| HSV | hsv(357, 38%, 96%) | H357°S38%V96% | |
| CMYK | cmyk(0%, 38%, 36%, 4%) | C0%M38%Y36%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110100 | 10010111 | 10011100 |
| Octal | 364 | 227 | 234 |
| Decimal | 244 | 151 | 156 |
| Hex | f4 | 97 | 9c |
Shades & tints
Shades mix #F4979C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F4979C0%
- #DF8A8F9%
- #CB7D8117%
- #B6707426%
- #A1646734%
- #8C575A43%
- #784A4C51%
- #633D3F59%
- #4E303268%
- #39232577%
- #25171785%
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
#F4979C on #FFFFFF
2.15:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F4979C on #000000
9.75:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F4979C
2.15:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F4979C
9.75:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f4979c; - Background
background-color: #f4979c; - CSS variable
--color-f4979c: #f4979c; - Modern CSS
color: oklch(77% 0.11 17); - SCSS
$color-f4979c: #f4979c; - Tailwind
bg-[#f4979c] text-[#f4979c] - HTML
<div style="background-color: #f4979c"></div>