#3B73B9 Color (Hex and RGB)

#3B73B9

rgb(59 115 185) · reads as blue

#3b73b9 has RGB values (59, 115, 185). The color reads primarily as blue in sRGB space.

Color values

FormatValueChannels
HEX#3B73B9R3BG73BB9
RGBrgb(59 115 185)R59G115B185
HSLhsl(213 52% 48%)H213°S52%L48%
OKLCHoklch(55% 0.12 255)L0.55C0.12H255°
HSVhsv(213, 68%, 73%)H213°S68%V73%
CMYKcmyk(68%, 38%, 0%, 27%)C68%M38%Y0%K27%

RGB mix

  • Red59 23.14%
  • Green115 45.1%
  • Blue185 72.55%

Base numbers

BaseRGB
Binary001110110111001110111001
Octal73163271
Decimal59115185
Hex3b73b9

Shades & tints

Shades mix #3B73B9 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

#3B73B9 on #FFFFFF

4.84:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#3B73B9 on #000000

4.34:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #3B73B9

4.84:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #3B73B9

4.34:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

  • CSScolor: #3b73b9;
  • Backgroundbackground-color: #3b73b9;
  • CSS variable--color-3b73b9: #3b73b9;
  • Modern CSScolor: oklch(55% 0.12 255);
  • SCSS$color-3b73b9: #3b73b9;
  • Tailwindbg-[#3b73b9] text-[#3b73b9]
  • HTML<div style="background-color: #3b73b9"></div>

Brands that use this color 1

↑