#367C2B Color (Hex and RGB)
#367C2B
#367c2b has RGB values (54, 124, 43). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #367C2B | R36G7CB2B | |
| RGB | rgb(54 124 43) | R54G124B43 | |
| HSL | hsl(112 49% 33%) | H112°S49%L33% | |
| OKLCH | oklch(52% 0.14 141) | L0.52C0.14H141° | |
| HSV | hsv(112, 65%, 49%) | H112°S65%V49% | |
| CMYK | cmyk(56%, 0%, 65%, 51%) | C56%M0%Y65%K51% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110110 | 01111100 | 00101011 |
| Octal | 66 | 174 | 53 |
| Decimal | 54 | 124 | 43 |
| Hex | 36 | 7c | 2b |
Shades & tints
Shades mix #367C2B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #367C2B0%
- #3171279%
- #2D672417%
- #285C2026%
- #24521C34%
- #1F471943%
- #1A3D1551%
- #16321159%
- #11280E68%
- #0D1D0A77%
- #08130685%
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
#367C2B on #FFFFFF
5.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#367C2B on #000000
4.07:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #367C2B
5.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #367C2B
4.07:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #367c2b; - Background
background-color: #367c2b; - CSS variable
--color-367c2b: #367c2b; - Modern CSS
color: oklch(52% 0.14 141); - SCSS
$color-367c2b: #367c2b; - Tailwind
bg-[#367c2b] text-[#367c2b] - HTML
<div style="background-color: #367c2b"></div>