#007A73 Color (Hex and RGB)
#007A73
#007a73 has RGB values (0, 122, 115). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #007A73 | R00G7AB73 | |
| RGB | rgb(0 122 115) | R0G122B115 | |
| HSL | hsl(177 100% 24%) | H177°S100%L24% | |
| OKLCH | oklch(52% 0.09 188) | L0.52C0.09H188° | |
| HSV | hsv(177, 100%, 48%) | H177°S100%V48% | |
| CMYK | cmyk(100%, 0%, 6%, 52%) | C100%M0%Y6%K52% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01111010 | 01110011 |
| Octal | 0 | 172 | 163 |
| Decimal | 0 | 122 | 115 |
| Hex | 00 | 7a | 73 |
Shades & tints
Shades mix #007A73 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #007A730%
- #0070699%
- #00655F17%
- #005B5626%
- #00514C34%
- #00464243%
- #003C3851%
- #00312F59%
- #00272568%
- #001D1B77%
- #00121185%
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
#007A73 on #FFFFFF
5.21:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#007A73 on #000000
4.03:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #007A73
5.21:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #007A73
4.03:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #007a73; - Background
background-color: #007a73; - CSS variable
--color-007a73: #007a73; - Modern CSS
color: oklch(52% 0.09 188); - SCSS
$color-007a73: #007a73; - Tailwind
bg-[#007a73] text-[#007a73] - HTML
<div style="background-color: #007a73"></div>