Skip to the color picker

#326aa2 color: Blues

#326aa2 is rgb(50, 106, 162) in RGB and oklch(51.356% 0.10701 250.684) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

210°
100%

51.4%
0.107
251°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.65:1Readable · AA
Lc -83
Black text
3.72:1Hard to read
Lc 26

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 #326aa2

#326aa2 is a bright blue color. In OKLCH it has 51.4% lightness, 0.107 chroma and a hue of 251°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Blues (#296a9d). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #326aa2 mixed with white

  1. 326aa2
  2. 4779ac
  3. 5b87b5
  4. 6f96bf
  5. 83a4c8
  6. 97b3d2
  7. acc2db
  8. c0d1e4
  9. d5e0ed
  10. eaf0f6

Darker: #326aa2 mixed with black

  1. 326aa2
  2. 2a5b8c
  3. 224d77
  4. 1b3f63
  5. 14314f
  6. 0d243c
  7. 07182a
  8. 030d19
  9. 01040a
  10. 000001

Calmer: #326aa2 with less saturation

  1. 326aa2
  2. 396a9c
  3. 3f6a97
  4. 456a91
  5. 4b6a8b
  6. 506a85
  7. 55697f
  8. 5a6979
  9. 5e6873
  10. 63686d

Questions about #326aa2

What color is #326aa2?

#326aa2 is bright blue. The closest named color is Blues. In RGB it is rgb(50, 106, 162), in HSL hsl(210, 52.83%, 41.57%) and in OKLCH oklch(51.356% 0.10701 250.684).

What colors go well with #326aa2?

The complementary color of #326aa2 is #8d5b0b. For a calmer combination use the analogous colors #007492 and #5c5ea3. The triadic partners are #9a4a58 and #51732c.

Is white or black text more readable on #326aa2?

White text reads better on #326aa2: white gives a contrast ratio of 5.65:1 and black gives 3.72:1. WCAG AA asks for at least 4.5:1 for body text.

Is #326aa2 a warm or cool color?

#326aa2 is a cool color. In OKLCH its hue is 251 degrees, its lightness 51.4% and its chroma 0.107.