#18A3AC Color (Hex and RGB)
#18A3AC
#18a3ac has RGB values (24, 163, 172). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #18A3AC | R18GA3BAC | |
| RGB | rgb(24 163 172) | R24G163B172 | |
| HSL | hsl(184 76% 38%) | H184°S76%L38% | |
| OKLCH | oklch(65% 0.11 202) | L0.65C0.11H202° | |
| HSV | hsv(184, 86%, 67%) | H184°S86%V67% | |
| CMYK | cmyk(86%, 5%, 0%, 33%) | C86%M5%Y0%K33% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011000 | 10100011 | 10101100 |
| Octal | 30 | 243 | 254 |
| Decimal | 24 | 163 | 172 |
| Hex | 18 | a3 | ac |
Shades & tints
Shades mix #18A3AC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #18A3AC0%
- #16959D9%
- #14878F17%
- #12798026%
- #106C7234%
- #0E5E6343%
- #0C505451%
- #0A424659%
- #08343768%
- #06262877%
- #04181A85%
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
#18A3AC on #FFFFFF
3.06:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#18A3AC on #000000
6.87:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #18A3AC
3.06:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #18A3AC
6.87:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #18a3ac; - Background
background-color: #18a3ac; - CSS variable
--color-18a3ac: #18a3ac; - Modern CSS
color: oklch(65% 0.11 202); - SCSS
$color-18a3ac: #18a3ac; - Tailwind
bg-[#18a3ac] text-[#18a3ac] - HTML
<div style="background-color: #18a3ac"></div>