#836EAA Color (Hex and RGB)
#836EAA
#836eaa has RGB values (131, 110, 170). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #836EAA | R83G6EBAA | |
| RGB | rgb(131 110 170) | R131G110B170 | |
| HSL | hsl(261 26% 55%) | H261°S26%L55% | |
| OKLCH | oklch(58% 0.09 300) | L0.58C0.09H300° | |
| HSV | hsv(261, 35%, 67%) | H261°S35%V67% | |
| CMYK | cmyk(23%, 35%, 0%, 33%) | C23%M35%Y0%K33% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10000011 | 01101110 | 10101010 |
| Octal | 203 | 156 | 252 |
| Decimal | 131 | 110 | 170 |
| Hex | 83 | 6e | aa |
Shades & tints
Shades mix #836EAA with black; tints mix it with white. Click any swatch to explore it.
Shades
- #836EAA0%
- #78659C9%
- #6D5B8D17%
- #62527F26%
- #56497034%
- #4B3F6243%
- #40365351%
- #352D4559%
- #2A233668%
- #1F1A2877%
- #14111A85%
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
#836EAA on #FFFFFF
4.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#836EAA on #000000
4.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #836EAA
4.40:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #836EAA
4.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #836eaa; - Background
background-color: #836eaa; - CSS variable
--color-836eaa: #836eaa; - Modern CSS
color: oklch(58% 0.09 300); - SCSS
$color-836eaa: #836eaa; - Tailwind
bg-[#836eaa] text-[#836eaa] - HTML
<div style="background-color: #836eaa"></div>