#1FBAD6 Color (Hex and RGB)
#1FBAD6
#1fbad6 has RGB values (31, 186, 214). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1FBAD6 | R1FGBABD6 | |
| RGB | rgb(31 186 214) | R31G186B214 | |
| HSL | hsl(189 75% 48%) | H189°S75%L48% | |
| OKLCH | oklch(73% 0.12 214) | L0.73C0.12H214° | |
| HSV | hsv(189, 86%, 84%) | H189°S86%V84% | |
| CMYK | cmyk(86%, 13%, 0%, 16%) | C86%M13%Y0%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011111 | 10111010 | 11010110 |
| Octal | 37 | 272 | 326 |
| Decimal | 31 | 186 | 214 |
| Hex | 1f | ba | d6 |
Shades & tints
Shades mix #1FBAD6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1FBAD60%
- #1CAAC49%
- #1A9AB217%
- #178B9F26%
- #147B8D34%
- #126B7B43%
- #0F5B6951%
- #0D4B5759%
- #0A3C4468%
- #072C3277%
- #051C2085%
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
#1FBAD6 on #FFFFFF
2.32:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#1FBAD6 on #000000
9.05:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #1FBAD6
2.32:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #1FBAD6
9.05:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #1fbad6; - Background
background-color: #1fbad6; - CSS variable
--color-1fbad6: #1fbad6; - Modern CSS
color: oklch(73% 0.12 214); - SCSS
$color-1fbad6: #1fbad6; - Tailwind
bg-[#1fbad6] text-[#1fbad6] - HTML
<div style="background-color: #1fbad6"></div>