#5865F2 Color (Hex and RGB)
#5865F2
#5865f2 has RGB values (88, 101, 242). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #5865F2 | R58G65BF2 | |
| RGB | rgb(88 101 242) | R88G101B242 | |
| HSL | hsl(235 86% 65%) | H235°S86%L65% | |
| OKLCH | oklch(58% 0.21 274) | L0.58C0.21H274° | |
| HSV | hsv(235, 64%, 95%) | H235°S64%V95% | |
| CMYK | cmyk(64%, 58%, 0%, 5%) | C64%M58%Y0%K5% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01011000 | 01100101 | 11110010 |
| Octal | 130 | 145 | 362 |
| Decimal | 88 | 101 | 242 |
| Hex | 58 | 65 | f2 |
Shades & tints
Shades mix #5865F2 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5865F20%
- #515CDD9%
- #4954C917%
- #424BB426%
- #3A43A034%
- #333A8B43%
- #2B317751%
- #24296259%
- #1C204D68%
- #15183977%
- #0D0F2485%
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
#5865F2 on #FFFFFF
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#5865F2 on #000000
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #5865F2
4.61:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #5865F2
4.56:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #5865f2; - Background
background-color: #5865f2; - CSS variable
--color-5865f2: #5865f2; - Modern CSS
color: oklch(58% 0.21 274); - SCSS
$color-5865f2: #5865f2; - Tailwind
bg-[#5865f2] text-[#5865f2] - HTML
<div style="background-color: #5865f2"></div>