#1AAFD0 Color (Hex and RGB)
#1AAFD0
#1aafd0 has RGB values (26, 175, 208). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1AAFD0 | R1AGAFBD0 | |
| RGB | rgb(26 175 208) | R26G175B208 | |
| HSL | hsl(191 78% 46%) | H191°S78%L46% | |
| OKLCH | oklch(70% 0.12 218) | L0.7C0.12H218° | |
| HSV | hsv(191, 88%, 82%) | H191°S88%V82% | |
| CMYK | cmyk(88%, 16%, 0%, 18%) | C88%M16%Y0%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011010 | 10101111 | 11010000 |
| Octal | 32 | 257 | 320 |
| Decimal | 26 | 175 | 208 |
| Hex | 1a | af | d0 |
Shades & tints
Shades mix #1AAFD0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1AAFD00%
- #18A0BE9%
- #1691AD17%
- #13829B26%
- #11748934%
- #0F657843%
- #0D566651%
- #0B475459%
- #08384368%
- #06293177%
- #041A1F85%
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
#1AAFD0 on #FFFFFF
2.60:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#1AAFD0 on #000000
8.09:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #1AAFD0
2.60:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #1AAFD0
8.09:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #1aafd0; - Background
background-color: #1aafd0; - CSS variable
--color-1aafd0: #1aafd0; - Modern CSS
color: oklch(70% 0.12 218); - SCSS
$color-1aafd0: #1aafd0; - Tailwind
bg-[#1aafd0] text-[#1aafd0] - HTML
<div style="background-color: #1aafd0"></div>