#50AF95 Color (Hex and RGB)
#50AF95
#50af95 has RGB values (80, 175, 149). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #50AF95 | R50GAFB95 | |
| RGB | rgb(80 175 149) | R80G175B149 | |
| HSL | hsl(164 37% 50%) | H164°S37%L50% | |
| OKLCH | oklch(69% 0.1 173) | L0.69C0.1H173° | |
| HSV | hsv(164, 54%, 69%) | H164°S54%V69% | |
| CMYK | cmyk(54%, 0%, 15%, 31%) | C54%M0%Y15%K31% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010000 | 10101111 | 10010101 |
| Octal | 120 | 257 | 225 |
| Decimal | 80 | 175 | 149 |
| Hex | 50 | af | 95 |
Shades & tints
Shades mix #50AF95 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #50AF950%
- #49A0889%
- #42917C17%
- #3C826F26%
- #35746234%
- #2E655643%
- #27564951%
- #20473C59%
- #1A383068%
- #13292377%
- #0C1A1685%
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
#50AF95 on #FFFFFF
2.66:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#50AF95 on #000000
7.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #50AF95
2.66:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #50AF95
7.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #50af95; - Background
background-color: #50af95; - CSS variable
--color-50af95: #50af95; - Modern CSS
color: oklch(69% 0.1 173); - SCSS
$color-50af95: #50af95; - Tailwind
bg-[#50af95] text-[#50af95] - HTML
<div style="background-color: #50af95"></div>