#F82A53 Color (Hex and RGB)
#F82A53
#f82a53 has RGB values (248, 42, 83). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F82A53 | RF8G2AB53 | |
| RGB | rgb(248 42 83) | R248G42B83 | |
| HSL | hsl(348 94% 57%) | H348°S94%L57% | |
| OKLCH | oklch(64% 0.23 18) | L0.64C0.23H18° | |
| HSV | hsv(348, 83%, 97%) | H348°S83%V97% | |
| CMYK | cmyk(0%, 83%, 67%, 3%) | C0%M83%Y67%K3% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111000 | 00101010 | 01010011 |
| Octal | 370 | 52 | 123 |
| Decimal | 248 | 42 | 83 |
| Hex | f8 | 2a | 53 |
Shades & tints
Shades mix #F82A53 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F82A530%
- #E3264C9%
- #CE234517%
- #B91F3E26%
- #A41C3734%
- #8F183043%
- #7A152951%
- #64112259%
- #4F0D1B68%
- #3A0A1477%
- #25060C85%
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
#F82A53 on #FFFFFF
3.86:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#F82A53 on #000000
5.45:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F82A53
3.86:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #F82A53
5.45:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f82a53; - Background
background-color: #f82a53; - CSS variable
--color-f82a53: #f82a53; - Modern CSS
color: oklch(64% 0.23 18); - SCSS
$color-f82a53: #f82a53; - Tailwind
bg-[#f82a53] text-[#f82a53] - HTML
<div style="background-color: #f82a53"></div>