#02A388 Color (Hex and RGB)
#02A388
#02a388 has RGB values (2, 163, 136). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #02A388 | R02GA3B88 | |
| RGB | rgb(2 163 136) | R2G163B136 | |
| HSL | hsl(170 98% 32%) | H170°S98%L32% | |
| OKLCH | oklch(64% 0.12 175) | L0.64C0.12H175° | |
| HSV | hsv(170, 99%, 64%) | H170°S99%V64% | |
| CMYK | cmyk(99%, 0%, 17%, 36%) | C99%M0%Y17%K36% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000010 | 10100011 | 10001000 |
| Octal | 2 | 243 | 210 |
| Decimal | 2 | 163 | 136 |
| Hex | 02 | a3 | 88 |
Shades & tints
Shades mix #02A388 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #02A3880%
- #02957C9%
- #02877117%
- #01796526%
- #016C5A34%
- #015E4E43%
- #01504351%
- #01423759%
- #01342C68%
- #00262077%
- #00181485%
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
#02A388 on #FFFFFF
3.18:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#02A388 on #000000
6.60:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #02A388
3.18:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #02A388
6.60:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #02a388; - Background
background-color: #02a388; - CSS variable
--color-02a388: #02a388; - Modern CSS
color: oklch(64% 0.12 175); - SCSS
$color-02a388: #02a388; - Tailwind
bg-[#02a388] text-[#02a388] - HTML
<div style="background-color: #02a388"></div>