#2C9F45 Color (Hex and RGB)
#2C9F45
#2c9f45 has RGB values (44, 159, 69). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2C9F45 | R2CG9FB45 | |
| RGB | rgb(44 159 69) | R44G159B69 | |
| HSL | hsl(133 57% 40%) | H133°S57%L40% | |
| OKLCH | oklch(62% 0.16 147) | L0.62C0.16H147° | |
| HSV | hsv(133, 72%, 62%) | H133°S72%V62% | |
| CMYK | cmyk(72%, 0%, 57%, 38%) | C72%M0%Y57%K38% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101100 | 10011111 | 01000101 |
| Octal | 54 | 237 | 105 |
| Decimal | 44 | 159 | 69 |
| Hex | 2c | 9f | 45 |
Shades & tints
Shades mix #2C9F45 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2C9F450%
- #28913F9%
- #25843917%
- #21763326%
- #1D692E34%
- #195B2843%
- #164E2251%
- #12401C59%
- #0E331668%
- #0A251077%
- #07180A85%
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
#2C9F45 on #FFFFFF
3.41:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#2C9F45 on #000000
6.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2C9F45
3.41:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #2C9F45
6.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2c9f45; - Background
background-color: #2c9f45; - CSS variable
--color-2c9f45: #2c9f45; - Modern CSS
color: oklch(62% 0.16 147); - SCSS
$color-2c9f45: #2c9f45; - Tailwind
bg-[#2c9f45] text-[#2c9f45] - HTML
<div style="background-color: #2c9f45"></div>