#F69AE4 Color (Hex and RGB)
#F69AE4
#f69ae4 has RGB values (246, 154, 228). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F69AE4 | RF6G9ABE4 | |
| RGB | rgb(246 154 228) | R246G154B228 | |
| HSL | hsl(312 84% 78%) | H312°S84%L78% | |
| OKLCH | oklch(80% 0.14 334) | L0.8C0.14H334° | |
| HSV | hsv(312, 37%, 96%) | H312°S37%V96% | |
| CMYK | cmyk(0%, 37%, 7%, 4%) | C0%M37%Y7%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110110 | 10011010 | 11100100 |
| Octal | 366 | 232 | 344 |
| Decimal | 246 | 154 | 228 |
| Hex | f6 | 9a | e4 |
Shades & tints
Shades mix #F69AE4 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F69AE40%
- #E18DD19%
- #CC80BD17%
- #B773AA26%
- #A2669634%
- #8D598343%
- #794B7051%
- #643E5C59%
- #4F314968%
- #3A243677%
- #25172285%
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
#F69AE4 on #FFFFFF
1.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F69AE4 on #000000
10.66:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F69AE4
1.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F69AE4
10.66:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f69ae4; - Background
background-color: #f69ae4; - CSS variable
--color-f69ae4: #f69ae4; - Modern CSS
color: oklch(80% 0.14 334); - SCSS
$color-f69ae4: #f69ae4; - Tailwind
bg-[#f69ae4] text-[#f69ae4] - HTML
<div style="background-color: #f69ae4"></div>