#685C53 Color (Hex and RGB)
#685C53
#685c53 has RGB values (104, 92, 83). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #685C53 | R68G5CB53 | |
| RGB | rgb(104 92 83) | R104G92B83 | |
| HSL | hsl(26 11% 37%) | H26°S11%L37% | |
| OKLCH | oklch(48% 0.02 59) | L0.48C0.02H59° | |
| HSV | hsv(26, 20%, 41%) | H26°S20%V41% | |
| CMYK | cmyk(0%, 12%, 20%, 59%) | C0%M12%Y20%K59% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01101000 | 01011100 | 01010011 |
| Octal | 150 | 134 | 123 |
| Decimal | 104 | 92 | 83 |
| Hex | 68 | 5c | 53 |
Shades & tints
Shades mix #685C53 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #685C530%
- #5F544C9%
- #564C4517%
- #4D453E26%
- #453D3734%
- #3C353043%
- #332D2951%
- #2A252259%
- #211D1B68%
- #18161477%
- #100E0C85%
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
#685C53 on #FFFFFF
6.47:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#685C53 on #000000
3.24:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #685C53
6.47:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #685C53
3.24:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #685c53; - Background
background-color: #685c53; - CSS variable
--color-685c53: #685c53; - Modern CSS
color: oklch(48% 0.02 59); - SCSS
$color-685c53: #685c53; - Tailwind
bg-[#685c53] text-[#685c53] - HTML
<div style="background-color: #685c53"></div>