#766A65 Color (Hex and RGB)
#766A65
#766a65 has RGB values (118, 106, 101). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #766A65 | R76G6AB65 | |
| RGB | rgb(118 106 101) | R118G106B101 | |
| HSL | hsl(18 8% 43%) | H18°S8%L43% | |
| OKLCH | oklch(53% 0.02 44) | L0.53C0.02H44° | |
| HSV | hsv(18, 14%, 46%) | H18°S14%V46% | |
| CMYK | cmyk(0%, 10%, 14%, 54%) | C0%M10%Y14%K54% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110110 | 01101010 | 01100101 |
| Octal | 166 | 152 | 145 |
| Decimal | 118 | 106 | 101 |
| Hex | 76 | 6a | 65 |
Shades & tints
Shades mix #766A65 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #766A650%
- #6C615C9%
- #62585417%
- #584F4B26%
- #4E464334%
- #443D3A43%
- #3A343151%
- #302B2959%
- #26222068%
- #1C191877%
- #12100F85%
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
#766A65 on #FFFFFF
5.22:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#766A65 on #000000
4.02:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #766A65
5.22:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #766A65
4.02:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #766a65; - Background
background-color: #766a65; - CSS variable
--color-766a65: #766a65; - Modern CSS
color: oklch(53% 0.02 44); - SCSS
$color-766a65: #766a65; - Tailwind
bg-[#766a65] text-[#766a65] - HTML
<div style="background-color: #766a65"></div>