#008A22 Color (Hex and RGB)
#008A22
#008a22 has RGB values (0, 138, 34). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #008A22 | R00G8AB22 | |
| RGB | rgb(0 138 34) | R0G138B34 | |
| HSL | hsl(135 100% 27%) | H135°S100%L27% | |
| OKLCH | oklch(55% 0.17 145) | L0.55C0.17H145° | |
| HSV | hsv(135, 100%, 54%) | H135°S100%V54% | |
| CMYK | cmyk(100%, 0%, 75%, 46%) | C100%M0%Y75%K46% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10001010 | 00100010 |
| Octal | 0 | 212 | 42 |
| Decimal | 0 | 138 | 34 |
| Hex | 00 | 8a | 22 |
Shades & tints
Shades mix #008A22 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #008A220%
- #007E1F9%
- #00731C17%
- #00671926%
- #005B1634%
- #004F1443%
- #00441151%
- #00380E59%
- #002C0B68%
- #00200877%
- #00150585%
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
#008A22 on #FFFFFF
4.51:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#008A22 on #000000
4.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #008A22
4.51:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #008A22
4.66:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #008a22; - Background
background-color: #008a22; - CSS variable
--color-008a22: #008a22; - Modern CSS
color: oklch(55% 0.17 145); - SCSS
$color-008a22: #008a22; - Tailwind
bg-[#008a22] text-[#008a22] - HTML
<div style="background-color: #008a22"></div>