#77BC1F Color (Hex and RGB)
#77BC1F
#77bc1f has RGB values (119, 188, 31). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #77BC1F | R77GBCB1F | |
| RGB | rgb(119 188 31) | R119G188B31 | |
| HSL | hsl(86 72% 43%) | H86°S72%L43% | |
| OKLCH | oklch(72% 0.19 132) | L0.72C0.19H132° | |
| HSV | hsv(86, 84%, 74%) | H86°S84%V74% | |
| CMYK | cmyk(37%, 0%, 84%, 26%) | C37%M0%Y84%K26% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110111 | 10111100 | 00011111 |
| Octal | 167 | 274 | 37 |
| Decimal | 119 | 188 | 31 |
| Hex | 77 | bc | 1f |
Shades & tints
Shades mix #77BC1F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #77BC1F0%
- #6DAC1C9%
- #639C1A17%
- #598C1726%
- #4F7C1434%
- #446C1243%
- #3A5C0F51%
- #304C0D59%
- #263C0A68%
- #1C2C0777%
- #121C0585%
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
#77BC1F on #FFFFFF
2.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#77BC1F on #000000
9.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #77BC1F
2.33:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #77BC1F
9.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #77bc1f; - Background
background-color: #77bc1f; - CSS variable
--color-77bc1f: #77bc1f; - Modern CSS
color: oklch(72% 0.19 132); - SCSS
$color-77bc1f: #77bc1f; - Tailwind
bg-[#77bc1f] text-[#77bc1f] - HTML
<div style="background-color: #77bc1f"></div>