#2A6EBB Color (Hex and RGB)
#2A6EBB
#2a6ebb has RGB values (42, 110, 187). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2A6EBB | R2AG6EBBB | |
| RGB | rgb(42 110 187) | R42G110B187 | |
| HSL | hsl(212 63% 45%) | H212°S63%L45% | |
| OKLCH | oklch(54% 0.14 254) | L0.54C0.14H254° | |
| HSV | hsv(212, 78%, 73%) | H212°S78%V73% | |
| CMYK | cmyk(78%, 41%, 0%, 27%) | C78%M41%Y0%K27% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00101010 | 01101110 | 10111011 |
| Octal | 52 | 156 | 273 |
| Decimal | 42 | 110 | 187 |
| Hex | 2a | 6e | bb |
Shades & tints
Shades mix #2A6EBB with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2A6EBB0%
- #2665AB9%
- #235B9B17%
- #1F528B26%
- #1C497B34%
- #183F6C43%
- #15365C51%
- #112D4C59%
- #0D233C68%
- #0A1A2C77%
- #06111C85%
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
#2A6EBB on #FFFFFF
5.19:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#2A6EBB on #000000
4.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #2A6EBB
5.19:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #2A6EBB
4.05:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #2a6ebb; - Background
background-color: #2a6ebb; - CSS variable
--color-2a6ebb: #2a6ebb; - Modern CSS
color: oklch(54% 0.14 254); - SCSS
$color-2a6ebb: #2a6ebb; - Tailwind
bg-[#2a6ebb] text-[#2a6ebb] - HTML
<div style="background-color: #2a6ebb"></div>