#00A480 Color (Hex and RGB)
#00A480
#00a480 has RGB values (0, 164, 128). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00A480 | R00GA4B80 | |
| RGB | rgb(0 164 128) | R0G164B128 | |
| HSL | hsl(167 100% 32%) | H167°S100%L32% | |
| OKLCH | oklch(64% 0.13 170) | L0.64C0.13H170° | |
| HSV | hsv(167, 100%, 64%) | H167°S100%V64% | |
| CMYK | cmyk(100%, 0%, 22%, 36%) | C100%M0%Y22%K36% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10100100 | 10000000 |
| Octal | 0 | 244 | 200 |
| Decimal | 0 | 164 | 128 |
| Hex | 00 | a4 | 80 |
Shades & tints
Shades mix #00A480 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00A4800%
- #0096759%
- #00886A17%
- #007A5F26%
- #006C5434%
- #005E4A43%
- #00503F51%
- #00423459%
- #00342968%
- #00271E77%
- #00191385%
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
#00A480 on #FFFFFF
3.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#00A480 on #000000
6.62:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00A480
3.17:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #00A480
6.62:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00a480; - Background
background-color: #00a480; - CSS variable
--color-00a480: #00a480; - Modern CSS
color: oklch(64% 0.13 170); - SCSS
$color-00a480: #00a480; - Tailwind
bg-[#00a480] text-[#00a480] - HTML
<div style="background-color: #00a480"></div>