#00A950 Color (Hex and RGB)
#00A950
#00a950 has RGB values (0, 169, 80). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00A950 | R00GA9B50 | |
| RGB | rgb(0 169 80) | R0G169B80 | |
| HSL | hsl(148 100% 33%) | H148°S100%L33% | |
| OKLCH | oklch(64% 0.17 151) | L0.64C0.17H151° | |
| HSV | hsv(148, 100%, 66%) | H148°S100%V66% | |
| CMYK | cmyk(100%, 0%, 53%, 34%) | C100%M0%Y53%K34% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10101001 | 01010000 |
| Octal | 0 | 251 | 120 |
| Decimal | 0 | 169 | 80 |
| Hex | 00 | a9 | 50 |
Shades & tints
Shades mix #00A950 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00A9500%
- #009B499%
- #008C4217%
- #007E3C26%
- #00703534%
- #00612E43%
- #00532751%
- #00442059%
- #00361A68%
- #00281377%
- #00190C85%
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
#00A950 on #FFFFFF
3.09:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#00A950 on #000000
6.79:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00A950
3.09:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #00A950
6.79:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00a950; - Background
background-color: #00a950; - CSS variable
--color-00a950: #00a950; - Modern CSS
color: oklch(64% 0.17 151); - SCSS
$color-00a950: #00a950; - Tailwind
bg-[#00a950] text-[#00a950] - HTML
<div style="background-color: #00a950"></div>