#1F6DB6 Color (Hex and RGB)
#1F6DB6
#1f6db6 has RGB values (31, 109, 182). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1F6DB6 | R1FG6DBB6 | |
| RGB | rgb(31 109 182) | R31G109B182 | |
| HSL | hsl(209 71% 42%) | H209°S71%L42% | |
| OKLCH | oklch(53% 0.14 251) | L0.53C0.14H251° | |
| HSV | hsv(209, 83%, 71%) | H209°S83%V71% | |
| CMYK | cmyk(83%, 40%, 0%, 29%) | C83%M40%Y0%K29% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011111 | 01101101 | 10110110 |
| Octal | 37 | 155 | 266 |
| Decimal | 31 | 109 | 182 |
| Hex | 1f | 6d | b6 |
Shades & tints
Shades mix #1F6DB6 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1F6DB60%
- #1C64A79%
- #1A5A9717%
- #17518826%
- #14487834%
- #123F6943%
- #0F355951%
- #0D2C4A59%
- #0A233A68%
- #071A2B77%
- #05101B85%
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
#1F6DB6 on #FFFFFF
5.36:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#1F6DB6 on #000000
3.92:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #1F6DB6
5.36:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #1F6DB6
3.92:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #1f6db6; - Background
background-color: #1f6db6; - CSS variable
--color-1f6db6: #1f6db6; - Modern CSS
color: oklch(53% 0.14 251); - SCSS
$color-1f6db6: #1f6db6; - Tailwind
bg-[#1f6db6] text-[#1f6db6] - HTML
<div style="background-color: #1f6db6"></div>