#3197D6 Color (Hex and RGB)
#3197D6
#3197d6 has RGB values (49, 151, 214). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3197D6 | R31G97BD6 | |
| RGB | rgb(49 151 214) | R49G151B214 | |
| HSL | hsl(203 67% 52%) | H203°S67%L52% | |
| OKLCH | oklch(65% 0.13 241) | L0.65C0.13H241° | |
| HSV | hsv(203, 77%, 84%) | H203°S77%V84% | |
| CMYK | cmyk(77%, 29%, 0%, 16%) | C77%M29%Y0%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110001 | 10010111 | 11010110 |
| Octal | 61 | 227 | 326 |
| Decimal | 49 | 151 | 214 |
| Hex | 31 | 97 | d6 |
Shades & tints
Shades mix #3197D6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3197D60%
- #2D8AC49%
- #297DB217%
- #25709F26%
- #20648D34%
- #1C577B43%
- #184A6951%
- #143D5759%
- #10304468%
- #0C233277%
- #07172085%
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
#3197D6 on #FFFFFF
3.22:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#3197D6 on #000000
6.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3197D6
3.22:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #3197D6
6.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3197d6; - Background
background-color: #3197d6; - CSS variable
--color-3197d6: #3197d6; - Modern CSS
color: oklch(65% 0.13 241); - SCSS
$color-3197d6: #3197d6; - Tailwind
bg-[#3197d6] text-[#3197d6] - HTML
<div style="background-color: #3197d6"></div>