#2BB24C Color (Hex and RGB)
#2BB24C
#2bb24c has RGB values (43, 178, 76). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2BB24C | R2BGB2B4C | |
| RGB | rgb(43 178 76) | R43G178B76 | |
| HSL | hsl(135 61% 43%) | H135°S61%L43% | |
| OKLCH | oklch(67% 0.18 147) | L0.67C0.18H147° | |
| HSV | hsv(135, 76%, 70%) | H135°S76%V70% | |
| CMYK | cmyk(76%, 0%, 57%, 30%) | C76%M0%Y57%K30% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101011 | 10110010 | 01001100 |
| Octal | 53 | 262 | 114 |
| Decimal | 43 | 178 | 76 |
| Hex | 2b | b2 | 4c |
Shades & tints
Shades mix #2BB24C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2BB24C0%
- #27A3469%
- #24943F17%
- #20853926%
- #1C753234%
- #19662C43%
- #15572551%
- #11481F59%
- #0E391868%
- #0A2A1277%
- #061B0B85%
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
#2BB24C on #FFFFFF
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#2BB24C on #000000
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2BB24C
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #2BB24C
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2bb24c; - Background
background-color: #2bb24c; - CSS variable
--color-2bb24c: #2bb24c; - Modern CSS
color: oklch(67% 0.18 147); - SCSS
$color-2bb24c: #2bb24c; - Tailwind
bg-[#2bb24c] text-[#2bb24c] - HTML
<div style="background-color: #2bb24c"></div>