#3369E7 Color (Hex and RGB)

#3369E7

rgb(51 105 231) · reads as blue

#3369e7 has RGB values (51, 105, 231). The color reads primarily as blue in sRGB space.

Color values

FormatValueChannels
HEX#3369E7R33G69BE7
RGBrgb(51 105 231)R51G105B231
HSLhsl(222 79% 55%)H222°S79%L55%
OKLCHoklch(56% 0.2 264)L0.56C0.2H264°
HSVhsv(222, 78%, 91%)H222°S78%V91%
CMYKcmyk(78%, 55%, 0%, 9%)C78%M55%Y0%K9%

RGB mix

  • Red51 20%
  • Green105 41.18%
  • Blue231 90.59%

Base numbers

BaseRGB
Binary001100110110100111100111
Octal63151347
Decimal51105231
Hex3369e7

Shades & tints

Shades mix #3369E7 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

#3369E7 on #FFFFFF

4.87:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#3369E7 on #000000

4.32:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #3369E7

4.87:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #3369E7

4.32:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

  • CSScolor: #3369e7;
  • Backgroundbackground-color: #3369e7;
  • CSS variable--color-3369e7: #3369e7;
  • Modern CSScolor: oklch(56% 0.2 264);
  • SCSS$color-3369e7: #3369e7;
  • Tailwindbg-[#3369e7] text-[#3369e7]
  • HTML<div style="background-color: #3369e7"></div>

Brands that use this color 1

↑