#697D99 Color (Hex and RGB)
#697D99
#697d99 has RGB values (105, 125, 153). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #697D99 | R69G7DB99 | |
| RGB | rgb(105 125 153) | R105G125B153 | |
| HSL | hsl(215 19% 51%) | H215°S19%L51% | |
| OKLCH | oklch(58% 0.05 257) | L0.58C0.05H257° | |
| HSV | hsv(215, 31%, 60%) | H215°S31%V60% | |
| CMYK | cmyk(31%, 18%, 0%, 40%) | C31%M18%Y0%K40% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101001 | 01111101 | 10011001 |
| Octal | 151 | 175 | 231 |
| Decimal | 105 | 125 | 153 |
| Hex | 69 | 7d | 99 |
Shades & tints
Shades mix #697D99 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #697D990%
- #60728C9%
- #57687F17%
- #4E5D7226%
- #45536534%
- #3C485843%
- #333D4B51%
- #2B333E59%
- #22283168%
- #191D2477%
- #10131785%
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
#697D99 on #FFFFFF
4.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#697D99 on #000000
4.99:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #697D99
4.20:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #697D99
4.99:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #697d99; - Background
background-color: #697d99; - CSS variable
--color-697d99: #697d99; - Modern CSS
color: oklch(58% 0.05 257); - SCSS
$color-697d99: #697d99; - Tailwind
bg-[#697d99] text-[#697d99] - HTML
<div style="background-color: #697d99"></div>