#9DBC7A Color (Hex and RGB)
#9DBC7A
#9dbc7a has RGB values (157, 188, 122). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #9DBC7A | R9DGBCB7A | |
| RGB | rgb(157 188 122) | R157G188B122 | |
| HSL | hsl(88 33% 61%) | H88°S33%L61% | |
| OKLCH | oklch(76% 0.1 129) | L0.76C0.1H129° | |
| HSV | hsv(88, 35%, 74%) | H88°S35%V74% | |
| CMYK | cmyk(16%, 0%, 35%, 26%) | C16%M0%Y35%K26% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10011101 | 10111100 | 01111010 |
| Octal | 235 | 274 | 172 |
| Decimal | 157 | 188 | 122 |
| Hex | 9d | bc | 7a |
Shades & tints
Shades mix #9DBC7A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #9DBC7A0%
- #90AC709%
- #829C6517%
- #758C5B26%
- #687C5134%
- #5A6C4643%
- #4D5C3C51%
- #404C3159%
- #323C2768%
- #252C1D77%
- #181C1285%
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
#9DBC7A on #FFFFFF
2.12:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#9DBC7A on #000000
9.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #9DBC7A
2.12:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #9DBC7A
9.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #9dbc7a; - Background
background-color: #9dbc7a; - CSS variable
--color-9dbc7a: #9dbc7a; - Modern CSS
color: oklch(76% 0.1 129); - SCSS
$color-9dbc7a: #9dbc7a; - Tailwind
bg-[#9dbc7a] text-[#9dbc7a] - HTML
<div style="background-color: #9dbc7a"></div>