#4BAD31 Color (Hex and RGB)
#4BAD31
#4bad31 has RGB values (75, 173, 49). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #4BAD31 | R4BGADB31 | |
| RGB | rgb(75 173 49) | R75G173B49 | |
| HSL | hsl(107 56% 44%) | H107°S56%L44% | |
| OKLCH | oklch(66% 0.18 140) | L0.66C0.18H140° | |
| HSV | hsv(107, 72%, 68%) | H107°S72%V68% | |
| CMYK | cmyk(57%, 0%, 72%, 32%) | C57%M0%Y72%K32% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01001011 | 10101101 | 00110001 |
| Octal | 113 | 255 | 61 |
| Decimal | 75 | 173 | 49 |
| Hex | 4b | ad | 31 |
Shades & tints
Shades mix #4BAD31 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4BAD310%
- #459E2D9%
- #3E902917%
- #38812526%
- #32722034%
- #2B631C43%
- #25551851%
- #1E461459%
- #18371068%
- #12290C77%
- #0B1A0785%
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
#4BAD31 on #FFFFFF
2.87:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#4BAD31 on #000000
7.32:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #4BAD31
2.87:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #4BAD31
7.32:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #4bad31; - Background
background-color: #4bad31; - CSS variable
--color-4bad31: #4bad31; - Modern CSS
color: oklch(66% 0.18 140); - SCSS
$color-4bad31: #4bad31; - Tailwind
bg-[#4bad31] text-[#4bad31] - HTML
<div style="background-color: #4bad31"></div>