#22D0B8 Color (Hex and RGB)
#22D0B8
#22d0b8 has RGB values (34, 208, 184). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #22D0B8 | R22GD0BB8 | |
| RGB | rgb(34 208 184) | R34G208B184 | |
| HSL | hsl(172 72% 47%) | H172°S72%L47% | |
| OKLCH | oklch(77% 0.13 180) | L0.77C0.13H180° | |
| HSV | hsv(172, 84%, 82%) | H172°S84%V82% | |
| CMYK | cmyk(84%, 0%, 12%, 18%) | C84%M0%Y12%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100010 | 11010000 | 10111000 |
| Octal | 42 | 320 | 270 |
| Decimal | 34 | 208 | 184 |
| Hex | 22 | d0 | b8 |
Shades & tints
Shades mix #22D0B8 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #22D0B80%
- #1FBEA89%
- #1CAD9917%
- #199B8926%
- #16897934%
- #14786A43%
- #11665A51%
- #0E544B59%
- #0B433B68%
- #08312B77%
- #051F1C85%
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
#22D0B8 on #FFFFFF
1.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#22D0B8 on #000000
10.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #22D0B8
1.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #22D0B8
10.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #22d0b8; - Background
background-color: #22d0b8; - CSS variable
--color-22d0b8: #22d0b8; - Modern CSS
color: oklch(77% 0.13 180); - SCSS
$color-22d0b8: #22d0b8; - Tailwind
bg-[#22d0b8] text-[#22d0b8] - HTML
<div style="background-color: #22d0b8"></div>