#0078D4 Color (Hex and RGB)
#0078D4
#0078d4 has RGB values (0, 120, 212). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0078D4 | R00G78BD4 | |
| RGB | rgb(0 120 212) | R0G120B212 | |
| HSL | hsl(206 100% 42%) | H206°S100%L42% | |
| OKLCH | oklch(57% 0.17 251) | L0.57C0.17H251° | |
| HSV | hsv(206, 100%, 83%) | H206°S100%V83% | |
| CMYK | cmyk(100%, 43%, 0%, 17%) | C100%M43%Y0%K17% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01111000 | 11010100 |
| Octal | 0 | 170 | 324 |
| Decimal | 0 | 120 | 212 |
| Hex | 00 | 78 | d4 |
Shades & tints
Shades mix #0078D4 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0078D40%
- #006EC29%
- #0064B017%
- #00599E26%
- #004F8C34%
- #00457A43%
- #003B6851%
- #00315659%
- #00264468%
- #001C3277%
- #00122085%
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
#0078D4 on #FFFFFF
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#0078D4 on #000000
4.64:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #0078D4
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #0078D4
4.64:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #0078d4; - Background
background-color: #0078d4; - CSS variable
--color-0078d4: #0078d4; - Modern CSS
color: oklch(57% 0.17 251); - SCSS
$color-0078d4: #0078d4; - Tailwind
bg-[#0078d4] text-[#0078d4] - HTML
<div style="background-color: #0078d4"></div>