#3BE8B0 Color (Hex and RGB)
#3BE8B0
#3be8b0 has RGB values (59, 232, 176). The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3BE8B0 | R3BGE8BB0 | |
| RGB | rgb(59 232 176) | R59G232B176 | |
| HSL | hsl(161 79% 57%) | H161°S79%L57% | |
| OKLCH | oklch(83% 0.16 166) | L0.83C0.16H166° | |
| HSV | hsv(161, 75%, 91%) | H161°S75%V91% | |
| CMYK | cmyk(75%, 0%, 24%, 9%) | C75%M0%Y24%K9% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111011 | 11101000 | 10110000 |
| Octal | 73 | 350 | 260 |
| Decimal | 59 | 232 | 176 |
| Hex | 3b | e8 | b0 |
Shades & tints
Shades mix #3BE8B0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3BE8B00%
- #36D4A19%
- #31C19217%
- #2CAD8326%
- #27997434%
- #22856543%
- #1D725651%
- #185E4759%
- #134A3868%
- #0E372977%
- #09231A85%
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
#3BE8B0 on #FFFFFF
1.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#3BE8B0 on #000000
13.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3BE8B0
1.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #3BE8B0
13.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3be8b0; - Background
background-color: #3be8b0; - CSS variable
--color-3be8b0: #3be8b0; - Modern CSS
color: oklch(83% 0.16 166); - SCSS
$color-3be8b0: #3be8b0; - Tailwind
bg-[#3be8b0] text-[#3be8b0] - HTML
<div style="background-color: #3be8b0"></div>