#3297DA Color (Hex and RGB)
#3297DA
#3297da has RGB values (50, 151, 218). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3297DA | R32G97BDA | |
| RGB | rgb(50 151 218) | R50G151B218 | |
| HSL | hsl(204 69% 53%) | H204°S69%L53% | |
| OKLCH | oklch(65% 0.14 243) | L0.65C0.14H243° | |
| HSV | hsv(204, 77%, 85%) | H204°S77%V85% | |
| CMYK | cmyk(77%, 31%, 0%, 15%) | C77%M31%Y0%K15% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110010 | 10010111 | 11011010 |
| Octal | 62 | 227 | 332 |
| Decimal | 50 | 151 | 218 |
| Hex | 32 | 97 | da |
Shades & tints
Shades mix #3297DA with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3297DA0%
- #2E8AC79%
- #2A7DB517%
- #2570A226%
- #21649034%
- #1D577D43%
- #194A6B51%
- #143D5859%
- #10304668%
- #0C233377%
- #08172185%
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
#3297DA on #FFFFFF
3.19:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#3297DA on #000000
6.57:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3297DA
3.19:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #3297DA
6.57:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3297da; - Background
background-color: #3297da; - CSS variable
--color-3297da: #3297da; - Modern CSS
color: oklch(65% 0.14 243); - SCSS
$color-3297da: #3297da; - Tailwind
bg-[#3297da] text-[#3297da] - HTML
<div style="background-color: #3297da"></div>