#566127 Color (Hex and RGB)
#566127
#566127 has RGB values (86, 97, 39). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #566127 | R56G61B27 | |
| RGB | rgb(86 97 39) | R86G97B39 | |
| HSL | hsl(71 43% 27%) | H71°S43%L27% | |
| OKLCH | oklch(47% 0.08 119) | L0.47C0.08H119° | |
| HSV | hsv(71, 60%, 38%) | H71°S60%V38% | |
| CMYK | cmyk(11%, 0%, 60%, 62%) | C11%M0%Y60%K62% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010110 | 01100001 | 00100111 |
| Octal | 126 | 141 | 47 |
| Decimal | 86 | 97 | 39 |
| Hex | 56 | 61 | 27 |
Shades & tints
Shades mix #566127 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5661270%
- #4F59249%
- #47512017%
- #40481D26%
- #39401A34%
- #31381643%
- #2A301351%
- #23271059%
- #1C1F0C68%
- #14170977%
- #0D0F0685%
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
#566127 on #FFFFFF
6.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#566127 on #000000
3.13:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #566127
6.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #566127
3.13:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #566127; - Background
background-color: #566127; - CSS variable
--color-566127: #566127; - Modern CSS
color: oklch(47% 0.08 119); - SCSS
$color-566127: #566127; - Tailwind
bg-[#566127] text-[#566127] - HTML
<div style="background-color: #566127"></div>