#18BB9B Color (Hex and RGB)
#18BB9B
#18bb9b has RGB values (24, 187, 155). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #18BB9B | R18GBBB9B | |
| RGB | rgb(24 187 155) | R24G187B155 | |
| HSL | hsl(168 77% 41%) | H168°S77%L41% | |
| OKLCH | oklch(71% 0.13 174) | L0.71C0.13H174° | |
| HSV | hsv(168, 87%, 73%) | H168°S87%V73% | |
| CMYK | cmyk(87%, 0%, 17%, 27%) | C87%M0%Y17%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011000 | 10111011 | 10011011 |
| Octal | 30 | 273 | 233 |
| Decimal | 24 | 187 | 155 |
| Hex | 18 | bb | 9b |
Shades & tints
Shades mix #18BB9B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #18BB9B0%
- #16AB8E9%
- #149B8117%
- #128B7326%
- #107B6634%
- #0E6C5943%
- #0C5C4C51%
- #0A4C3F59%
- #083C3268%
- #062C2477%
- #041C1785%
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
#18BB9B on #FFFFFF
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#18BB9B on #000000
8.62:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #18BB9B
2.44:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #18BB9B
8.62:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #18bb9b; - Background
background-color: #18bb9b; - CSS variable
--color-18bb9b: #18bb9b; - Modern CSS
color: oklch(71% 0.13 174); - SCSS
$color-18bb9b: #18bb9b; - Tailwind
bg-[#18bb9b] text-[#18bb9b] - HTML
<div style="background-color: #18bb9b"></div>