#F0537A Color (Hex and RGB)
#F0537A
#f0537a has RGB values (240, 83, 122). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F0537A | RF0G53B7A | |
| RGB | rgb(240 83 122) | R240G83B122 | |
| HSL | hsl(345 84% 63%) | H345°S84%L63% | |
| OKLCH | oklch(66% 0.19 9) | L0.66C0.19H9° | |
| HSV | hsv(345, 65%, 94%) | H345°S65%V94% | |
| CMYK | cmyk(0%, 65%, 49%, 6%) | C0%M65%Y49%K6% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110000 | 01010011 | 01111010 |
| Octal | 360 | 123 | 172 |
| Decimal | 240 | 83 | 122 |
| Hex | f0 | 53 | 7a |
Shades & tints
Shades mix #F0537A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F0537A0%
- #DC4C709%
- #C7456517%
- #B33E5B26%
- #9E375134%
- #8A304643%
- #76293C51%
- #61223159%
- #4D1B2768%
- #38141D77%
- #240C1285%
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
#F0537A on #FFFFFF
3.37:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F0537A on #000000
6.22:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F0537A
3.37:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F0537A
6.22:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f0537a; - Background
background-color: #f0537a; - CSS variable
--color-f0537a: #f0537a; - Modern CSS
color: oklch(66% 0.19 9); - SCSS
$color-f0537a: #f0537a; - Tailwind
bg-[#f0537a] text-[#f0537a] - HTML
<div style="background-color: #f0537a"></div>