#1B5692 Color (Hex and RGB)
#1B5692
#1b5692 has RGB values (27, 86, 146). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #1B5692 | R1BG56B92 | |
| RGB | rgb(27 86 146) | R27G86B146 | |
| HSL | hsl(210 69% 34%) | H210°S69%L34% | |
| OKLCH | oklch(45% 0.12 252) | L0.45C0.12H252° | |
| HSV | hsv(210, 82%, 57%) | H210°S82%V57% | |
| CMYK | cmyk(82%, 41%, 0%, 43%) | C82%M41%Y0%K43% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011011 | 01010110 | 10010010 |
| Octal | 33 | 126 | 222 |
| Decimal | 27 | 86 | 146 |
| Hex | 1b | 56 | 92 |
Shades & tints
Shades mix #1B5692 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1B56920%
- #194F869%
- #16477917%
- #14406D26%
- #12396034%
- #10315443%
- #0D2A4851%
- #0B233B59%
- #091C2F68%
- #06142277%
- #040D1685%
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
#1B5692 on #FFFFFF
7.52:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#1B5692 on #000000
2.79:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #1B5692
7.52:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #1B5692
2.79:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #1b5692; - Background
background-color: #1b5692; - CSS variable
--color-1b5692: #1b5692; - Modern CSS
color: oklch(45% 0.12 252); - SCSS
$color-1b5692: #1b5692; - Tailwind
bg-[#1b5692] text-[#1b5692] - HTML
<div style="background-color: #1b5692"></div>