#0077B5 Color (Hex and RGB)
#0077B5
#0077b5 has RGB values (0, 119, 181). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0077B5 | R00G77BB5 | |
| RGB | rgb(0 119 181) | R0G119B181 | |
| HSL | hsl(201 100% 35%) | H201°S100%L35% | |
| OKLCH | oklch(55% 0.13 242) | L0.55C0.13H242° | |
| HSV | hsv(201, 100%, 71%) | H201°S100%V71% | |
| CMYK | cmyk(100%, 34%, 0%, 29%) | C100%M34%Y0%K29% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01110111 | 10110101 |
| Octal | 0 | 167 | 265 |
| Decimal | 0 | 119 | 181 |
| Hex | 00 | 77 | b5 |
Shades & tints
Shades mix #0077B5 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0077B50%
- #006DA69%
- #00639617%
- #00598726%
- #004F7734%
- #00446843%
- #003A5951%
- #00304959%
- #00263A68%
- #001C2B77%
- #00121B85%
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
#0077B5 on #FFFFFF
4.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#0077B5 on #000000
4.31:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #0077B5
4.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #0077B5
4.31:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #0077b5; - Background
background-color: #0077b5; - CSS variable
--color-0077b5: #0077b5; - Modern CSS
color: oklch(55% 0.13 242); - SCSS
$color-0077b5: #0077b5; - Tailwind
bg-[#0077b5] text-[#0077b5] - HTML
<div style="background-color: #0077b5"></div>