#76B852 Color (Hex and RGB)
#76B852
#76b852 has RGB values (118, 184, 82). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #76B852 | R76GB8B52 | |
| RGB | rgb(118 184 82) | R118G184B82 | |
| HSL | hsl(99 42% 52%) | H99°S42%L52% | |
| OKLCH | oklch(72% 0.15 136) | L0.72C0.15H136° | |
| HSV | hsv(99, 55%, 72%) | H99°S55%V72% | |
| CMYK | cmyk(36%, 0%, 55%, 28%) | C36%M0%Y55%K28% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01110110 | 10111000 | 01010010 |
| Octal | 166 | 270 | 122 |
| Decimal | 118 | 184 | 82 |
| Hex | 76 | b8 | 52 |
Shades & tints
Shades mix #76B852 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #76B8520%
- #6CA84B9%
- #62994417%
- #58893D26%
- #4E793634%
- #446A2F43%
- #3A5A2851%
- #304B2159%
- #263B1A68%
- #1C2B1377%
- #121C0C85%
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
#76B852 on #FFFFFF
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#76B852 on #000000
8.75:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #76B852
2.40:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #76B852
8.75:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #76b852; - Background
background-color: #76b852; - CSS variable
--color-76b852: #76b852; - Modern CSS
color: oklch(72% 0.15 136); - SCSS
$color-76b852: #76b852; - Tailwind
bg-[#76b852] text-[#76b852] - HTML
<div style="background-color: #76b852"></div>