#328BF8 Color (Hex and RGB)
#328BF8
#328bf8 has RGB values (50, 139, 248). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #328BF8 | R32G8BBF8 | |
| RGB | rgb(50 139 248) | R50G139B248 | |
| HSL | hsl(213 93% 58%) | H213°S93%L58% | |
| OKLCH | oklch(64% 0.18 256) | L0.64C0.18H256° | |
| HSV | hsv(213, 80%, 97%) | H213°S80%V97% | |
| CMYK | cmyk(80%, 44%, 0%, 3%) | C80%M44%Y0%K3% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110010 | 10001011 | 11111000 |
| Octal | 62 | 213 | 370 |
| Decimal | 50 | 139 | 248 |
| Hex | 32 | 8b | f8 |
Shades & tints
Shades mix #328BF8 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #328BF80%
- #2E7FE39%
- #2A73CE17%
- #2568B926%
- #215CA434%
- #1D508F43%
- #19447A51%
- #14386459%
- #102C4F68%
- #0C213A77%
- #08152585%
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
#328BF8 on #FFFFFF
3.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#328BF8 on #000000
6.18:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #328BF8
3.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #328BF8
6.18:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #328bf8; - Background
background-color: #328bf8; - CSS variable
--color-328bf8: #328bf8; - Modern CSS
color: oklch(64% 0.18 256); - SCSS
$color-328bf8: #328bf8; - Tailwind
bg-[#328bf8] text-[#328bf8] - HTML
<div style="background-color: #328bf8"></div>