#3B7EA1 Color (Hex and RGB)
#3B7EA1
#3b7ea1 has RGB values (59, 126, 161). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3B7EA1 | R3BG7EBA1 | |
| RGB | rgb(59 126 161) | R59G126B161 | |
| HSL | hsl(201 46% 43%) | H201°S46%L43% | |
| OKLCH | oklch(56% 0.09 234) | L0.56C0.09H234° | |
| HSV | hsv(201, 63%, 63%) | H201°S63%V63% | |
| CMYK | cmyk(63%, 22%, 0%, 37%) | C63%M22%Y0%K37% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111011 | 01111110 | 10100001 |
| Octal | 73 | 176 | 241 |
| Decimal | 59 | 126 | 161 |
| Hex | 3b | 7e | a1 |
Shades & tints
Shades mix #3B7EA1 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3B7EA10%
- #3673939%
- #31698617%
- #2C5E7826%
- #27536A34%
- #22485D43%
- #1D3E4F51%
- #18334159%
- #13283468%
- #0E1E2677%
- #09131885%
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
#3B7EA1 on #FFFFFF
4.48:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#3B7EA1 on #000000
4.68:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #3B7EA1
4.48:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #3B7EA1
4.68:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #3b7ea1; - Background
background-color: #3b7ea1; - CSS variable
--color-3b7ea1: #3b7ea1; - Modern CSS
color: oklch(56% 0.09 234); - SCSS
$color-3b7ea1: #3b7ea1; - Tailwind
bg-[#3b7ea1] text-[#3b7ea1] - HTML
<div style="background-color: #3b7ea1"></div>