#7AC142 Color (Hex and RGB)
#7AC142
#7ac142 has RGB values (122, 193, 66). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #7AC142 | R7AGC1B42 | |
| RGB | rgb(122 193 66) | R122G193B66 | |
| HSL | hsl(94 51% 51%) | H94°S51%L51% | |
| OKLCH | oklch(74% 0.17 134) | L0.74C0.17H134° | |
| HSV | hsv(94, 66%, 76%) | H94°S66%V76% | |
| CMYK | cmyk(37%, 0%, 66%, 24%) | C37%M0%Y66%K24% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01111010 | 11000001 | 01000010 |
| Octal | 172 | 301 | 102 |
| Decimal | 122 | 193 | 66 |
| Hex | 7a | c1 | 42 |
Shades & tints
Shades mix #7AC142 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #7AC1420%
- #70B13C9%
- #65A03717%
- #5B903126%
- #517F2C34%
- #466F2643%
- #3C5F2051%
- #314E1B59%
- #273E1568%
- #1D2D1077%
- #121D0A85%
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
#7AC142 on #FFFFFF
2.20:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#7AC142 on #000000
9.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #7AC142
2.20:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #7AC142
9.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #7ac142; - Background
background-color: #7ac142; - CSS variable
--color-7ac142: #7ac142; - Modern CSS
color: oklch(74% 0.17 134); - SCSS
$color-7ac142: #7ac142; - Tailwind
bg-[#7ac142] text-[#7ac142] - HTML
<div style="background-color: #7ac142"></div>