#0997FF Color (Hex and RGB)
#0997FF
#0997ff has RGB values (9, 151, 255). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0997FF | R09G97BFF | |
| RGB | rgb(9 151 255) | R9G151B255 | |
| HSL | hsl(205 100% 52%) | H205°S100%L52% | |
| OKLCH | oklch(67% 0.19 250) | L0.67C0.19H250° | |
| HSV | hsv(205, 96%, 100%) | H205°S96%V100% | |
| CMYK | cmyk(96%, 41%, 0%, 0%) | C96%M41%Y0%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00001001 | 10010111 | 11111111 |
| Octal | 11 | 227 | 377 |
| Decimal | 9 | 151 | 255 |
| Hex | 09 | 97 | ff |
Shades & tints
Shades mix #0997FF with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0997FF0%
- #088AE99%
- #077DD417%
- #0770BE26%
- #0664A834%
- #05579343%
- #044A7D51%
- #043D6759%
- #03305268%
- #02233C77%
- #01172685%
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
#0997FF on #FFFFFF
3.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#0997FF on #000000
6.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #0997FF
3.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #0997FF
6.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #0997ff; - Background
background-color: #0997ff; - CSS variable
--color-0997ff: #0997ff; - Modern CSS
color: oklch(67% 0.19 250); - SCSS
$color-0997ff: #0997ff; - Tailwind
bg-[#0997ff] text-[#0997ff] - HTML
<div style="background-color: #0997ff"></div>