#F54785 Color (Hex and RGB)
#F54785
#f54785 has RGB values (245, 71, 133). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F54785 | RF5G47B85 | |
| RGB | rgb(245 71 133) | R245G71B133 | |
| HSL | hsl(339 90% 62%) | H339°S90%L62% | |
| OKLCH | oklch(66% 0.21 4) | L0.66C0.21H4° | |
| HSV | hsv(339, 71%, 96%) | H339°S71%V96% | |
| CMYK | cmyk(0%, 71%, 46%, 4%) | C0%M71%Y46%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110101 | 01000111 | 10000101 |
| Octal | 365 | 107 | 205 |
| Decimal | 245 | 71 | 133 |
| Hex | f5 | 47 | 85 |
Shades & tints
Shades mix #F54785 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F547850%
- #E0417A9%
- #CB3B6E17%
- #B7356326%
- #A22F5834%
- #8D294C43%
- #78234151%
- #631D3659%
- #4E172B68%
- #3A111F77%
- #250B1485%
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
#F54785 on #FFFFFF
3.43:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F54785 on #000000
6.12:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F54785
3.43:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F54785
6.12:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f54785; - Background
background-color: #f54785; - CSS variable
--color-f54785: #f54785; - Modern CSS
color: oklch(66% 0.21 4); - SCSS
$color-f54785: #f54785; - Tailwind
bg-[#f54785] text-[#f54785] - HTML
<div style="background-color: #f54785"></div>