#028948 Color (Hex and RGB)
#028948
#028948 has RGB values (2, 137, 72). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #028948 | R02G89B48 | |
| RGB | rgb(2 137 72) | R2G137B72 | |
| HSL | hsl(151 97% 27%) | H151°S97%L27% | |
| OKLCH | oklch(55% 0.14 153) | L0.55C0.14H153° | |
| HSV | hsv(151, 99%, 54%) | H151°S99%V54% | |
| CMYK | cmyk(99%, 0%, 47%, 46%) | C99%M0%Y47%K46% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000010 | 10001001 | 01001000 |
| Octal | 2 | 211 | 110 |
| Decimal | 2 | 137 | 72 |
| Hex | 02 | 89 | 48 |
Shades & tints
Shades mix #028948 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0289480%
- #027D429%
- #02723C17%
- #01663626%
- #015A3034%
- #014F2943%
- #01432351%
- #01371D59%
- #012C1768%
- #00201177%
- #00150B85%
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
#028948 on #FFFFFF
4.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#028948 on #000000
4.67:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #028948
4.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #028948
4.67:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #028948; - Background
background-color: #028948; - CSS variable
--color-028948: #028948; - Modern CSS
color: oklch(55% 0.14 153); - SCSS
$color-028948: #028948; - Tailwind
bg-[#028948] text-[#028948] - HTML
<div style="background-color: #028948"></div>