#557665 Color (Hex and RGB)
#557665
#557665 has RGB values (85, 118, 101). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #557665 | R55G76B65 | |
| RGB | rgb(85 118 101) | R85G118B101 | |
| HSL | hsl(149 16% 40%) | H149°S16%L40% | |
| OKLCH | oklch(54% 0.05 162) | L0.54C0.05H162° | |
| HSV | hsv(149, 28%, 46%) | H149°S28%V46% | |
| CMYK | cmyk(28%, 0%, 14%, 54%) | C28%M0%Y14%K54% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010101 | 01110110 | 01100101 |
| Octal | 125 | 166 | 145 |
| Decimal | 85 | 118 | 101 |
| Hex | 55 | 76 | 65 |
Shades & tints
Shades mix #557665 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #5576650%
- #4E6C5C9%
- #47625417%
- #3F584B26%
- #384E4334%
- #31443A43%
- #2A3A3151%
- #22302959%
- #1B262068%
- #141C1877%
- #0D120F85%
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
#557665 on #FFFFFF
5.04:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#557665 on #000000
4.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #557665
5.04:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #557665
4.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #557665; - Background
background-color: #557665; - CSS variable
--color-557665: #557665; - Modern CSS
color: oklch(54% 0.05 162); - SCSS
$color-557665: #557665; - Tailwind
bg-[#557665] text-[#557665] - HTML
<div style="background-color: #557665"></div>