#58CC02 Color (Hex and RGB)
#58CC02
#58cc02 has RGB values (88, 204, 2). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #58CC02 | R58GCCB02 | |
| RGB | rgb(88 204 2) | R88G204B2 | |
| HSL | hsl(94 98% 40%) | H94°S98%L40% | |
| OKLCH | oklch(75% 0.23 138) | L0.75C0.23H138° | |
| HSV | hsv(94, 99%, 80%) | H94°S99%V80% | |
| CMYK | cmyk(57%, 0%, 99%, 20%) | C57%M0%Y99%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01011000 | 11001100 | 00000010 |
| Octal | 130 | 314 | 2 |
| Decimal | 88 | 204 | 2 |
| Hex | 58 | cc | 02 |
Shades & tints
Shades mix #58CC02 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #58CC020%
- #51BB029%
- #49A90217%
- #42980126%
- #3A870134%
- #33750143%
- #2B640151%
- #24530159%
- #1C410168%
- #15300077%
- #0D1F0085%
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
#58CC02 on #FFFFFF
2.09:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#58CC02 on #000000
10.05:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #58CC02
2.09:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #58CC02
10.05:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #58cc02; - Background
background-color: #58cc02; - CSS variable
--color-58cc02: #58cc02; - Modern CSS
color: oklch(75% 0.23 138); - SCSS
$color-58cc02: #58cc02; - Tailwind
bg-[#58cc02] text-[#58cc02] - HTML
<div style="background-color: #58cc02"></div>