#3A9691 Color (Hex and RGB)
#3A9691
#3a9691 has RGB values (58, 150, 145). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3A9691 | R3AG96B91 | |
| RGB | rgb(58 150 145) | R58G150B145 | |
| HSL | hsl(177 44% 41%) | H177°S44%L41% | |
| OKLCH | oklch(62% 0.09 190) | L0.62C0.09H190° | |
| HSV | hsv(177, 61%, 59%) | H177°S61%V59% | |
| CMYK | cmyk(61%, 0%, 3%, 41%) | C61%M0%Y3%K41% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111010 | 10010110 | 10010001 |
| Octal | 72 | 226 | 221 |
| Decimal | 58 | 150 | 145 |
| Hex | 3a | 96 | 91 |
Shades & tints
Shades mix #3A9691 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3A96910%
- #3589859%
- #307D7817%
- #2B706C26%
- #26636034%
- #21565343%
- #1C4A4751%
- #173D3B59%
- #13302E68%
- #0E232277%
- #09171685%
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
#3A9691 on #FFFFFF
3.53:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#3A9691 on #000000
5.95:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3A9691
3.53:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #3A9691
5.95:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3a9691; - Background
background-color: #3a9691; - CSS variable
--color-3a9691: #3a9691; - Modern CSS
color: oklch(62% 0.09 190); - SCSS
$color-3a9691: #3a9691; - Tailwind
bg-[#3a9691] text-[#3a9691] - HTML
<div style="background-color: #3a9691"></div>