#0078D7 Color (Hex and RGB)

#0078D7

rgb(0 120 215) · reads as blue

#0078d7 has RGB values (0, 120, 215). The color reads primarily as blue in sRGB space.

Color values

FormatValueChannels
HEX#0078D7R00G78BD7
RGBrgb(0 120 215)R0G120B215
HSLhsl(207 100% 42%)H207°S100%L42%
OKLCHoklch(57% 0.17 252)L0.57C0.17H252°
HSVhsv(207, 100%, 84%)H207°S100%V84%
CMYKcmyk(100%, 44%, 0%, 16%)C100%M44%Y0%K16%

RGB mix

  • Red0 0%
  • Green120 47.06%
  • Blue215 84.31%

Base numbers

BaseRGB
Binary000000000111100011010111
Octal0170327
Decimal0120215
Hex0078d7

Shades & tints

Shades mix #0078D7 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

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

#0078D7 on #FFFFFF

4.50:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#0078D7 on #000000

4.67:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #0078D7

4.50:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #0078D7

4.67:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #0078d7;
  • Backgroundbackground-color: #0078d7;
  • CSS variable--color-0078d7: #0078d7;
  • Modern CSScolor: oklch(57% 0.17 252);
  • SCSS$color-0078d7: #0078d7;
  • Tailwindbg-[#0078d7] text-[#0078d7]
  • HTML<div style="background-color: #0078d7"></div>

Brands that use this color 2

↑