#00A870 Color (Hex and RGB)
#00A870
#00a870 has RGB values (0, 168, 112). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00A870 | R00GA8B70 | |
| RGB | rgb(0 168 112) | R0G168B112 | |
| HSL | hsl(160 100% 33%) | H160°S100%L33% | |
| OKLCH | oklch(65% 0.14 161) | L0.65C0.14H161° | |
| HSV | hsv(160, 100%, 66%) | H160°S100%V66% | |
| CMYK | cmyk(100%, 0%, 33%, 34%) | C100%M0%Y33%K34% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10101000 | 01110000 |
| Octal | 0 | 250 | 160 |
| Decimal | 0 | 168 | 112 |
| Hex | 00 | a8 | 70 |
Shades & tints
Shades mix #00A870 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00A8700%
- #009A669%
- #008B5D17%
- #007D5326%
- #006F4A34%
- #00614043%
- #00523751%
- #00442D59%
- #00362468%
- #00271A77%
- #00191185%
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
#00A870 on #FFFFFF
3.07:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#00A870 on #000000
6.84:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00A870
3.07:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #00A870
6.84:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00a870; - Background
background-color: #00a870; - CSS variable
--color-00a870: #00a870; - Modern CSS
color: oklch(65% 0.14 161); - SCSS
$color-00a870: #00a870; - Tailwind
bg-[#00a870] text-[#00a870] - HTML
<div style="background-color: #00a870"></div>