#6964ED Color (Hex and RGB)
#6964ED
#6964ed has RGB values (105, 100, 237). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #6964ED | R69G64BED | |
| RGB | rgb(105 100 237) | R105G100B237 | |
| HSL | hsl(242 79% 66%) | H242°S79%L66% | |
| OKLCH | oklch(58% 0.2 280) | L0.58C0.2H280° | |
| HSV | hsv(242, 58%, 93%) | H242°S58%V93% | |
| CMYK | cmyk(56%, 58%, 0%, 7%) | C56%M58%Y0%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101001 | 01100100 | 11101101 |
| Octal | 151 | 144 | 355 |
| Decimal | 105 | 100 | 237 |
| Hex | 69 | 64 | ed |
Shades & tints
Shades mix #6964ED with black; tints mix it with white. Click any swatch to explore it.
Shades
- #6964ED0%
- #605CD99%
- #5753C517%
- #4E4BB126%
- #45429C34%
- #3C3A8843%
- #33317451%
- #2B296059%
- #22204C68%
- #19183877%
- #100F2485%
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
#6964ED on #FFFFFF
4.52:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#6964ED on #000000
4.65:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #6964ED
4.52:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #6964ED
4.65:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #6964ed; - Background
background-color: #6964ed; - CSS variable
--color-6964ed: #6964ed; - Modern CSS
color: oklch(58% 0.2 280); - SCSS
$color-6964ed: #6964ed; - Tailwind
bg-[#6964ed] text-[#6964ed] - HTML
<div style="background-color: #6964ed"></div>