Skip to the color picker

#336ac2 color: Mimesia Blue

#336ac2 is rgb(51, 106, 194) in RGB and oklch(53.404% 0.14962 259.463) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

53.4%
0.150
259°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
5.27:1Readable · AA
Lc -81
Black text
3.98:1Hard to read
Lc 28

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #336ac2

#336ac2 is a bright blue color. In OKLCH it has 53.4% lightness, 0.15 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.27:1 contrast and black text 3.98:1, so white text reads better.

The closest named color is Mimesia Blue (#2269ca). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #336ac2 mixed with white

  1. 336ac2
  2. 4879c9
  3. 5b88d0
  4. 6f97d7
  5. 83a6dd
  6. 97b5e3
  7. abc4e9
  8. c0d2ef
  9. d5e1f5
  10. eaf0fa

Darker: #336ac2 mixed with black

  1. 336ac2
  2. 2b5ba8
  3. 234d8f
  4. 1c3f77
  5. 143160
  6. 0d2449
  7. 071834
  8. 030d20
  9. 01040e
  10. 000002

Calmer: #336ac2 with less saturation

  1. 336ac2
  2. 3a6bba
  3. 416cb1
  4. 476da9
  5. 4d6da1
  6. 536e98
  7. 586e90
  8. 5e6e87
  9. 636e7f
  10. 686d76

Questions about #336ac2

What color is #336ac2?

#336ac2 is bright blue. The closest named color is Mimesia Blue. In RGB it is rgb(51, 106, 194), in HSL hsl(216.92, 58.37%, 48.04%) and in OKLCH oklch(53.404% 0.14962 259.463).

What colors go well with #336ac2?

The complementary color of #336ac2 is #946200. For a calmer combination use the analogous colors #0079a8 and #6d59bc. The triadic partners are #b34048 and #36801f.

Is white or black text more readable on #336ac2?

White text reads better on #336ac2: white gives a contrast ratio of 5.27:1 and black gives 3.98:1. WCAG AA asks for at least 4.5:1 for body text.

Is #336ac2 a warm or cool color?

#336ac2 is a cool color. In OKLCH its hue is 259 degrees, its lightness 53.4% and its chroma 0.15.