#1BA0D7 Color (Hex and RGB)
#1BA0D7
#1ba0d7 has RGB values (27, 160, 215). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1BA0D7 | R1BGA0BD7 | |
| RGB | rgb(27 160 215) | R27G160B215 | |
| HSL | hsl(198 78% 47%) | H198°S78%L47% | |
| OKLCH | oklch(67% 0.13 233) | L0.67C0.13H233° | |
| HSV | hsv(198, 87%, 84%) | H198°S87%V84% | |
| CMYK | cmyk(87%, 26%, 0%, 16%) | C87%M26%Y0%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011011 | 10100000 | 11010111 |
| Octal | 33 | 240 | 327 |
| Decimal | 27 | 160 | 215 |
| Hex | 1b | a0 | d7 |
Shades & tints
Shades mix #1BA0D7 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1BA0D70%
- #1992C59%
- #1685B217%
- #1477A026%
- #126A8E34%
- #105C7C43%
- #0D4E6951%
- #0B415759%
- #09334568%
- #06263377%
- #04182085%
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
#1BA0D7 on #FFFFFF
2.98:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#1BA0D7 on #000000
7.06:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #1BA0D7
2.98:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #1BA0D7
7.06:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #1ba0d7; - Background
background-color: #1ba0d7; - CSS variable
--color-1ba0d7: #1ba0d7; - Modern CSS
color: oklch(67% 0.13 233); - SCSS
$color-1ba0d7: #1ba0d7; - Tailwind
bg-[#1ba0d7] text-[#1ba0d7] - HTML
<div style="background-color: #1ba0d7"></div>