Skip to the color picker

#316ca2 color: Lochmara

#316ca2 is rgb(49, 108, 162) in RGB and oklch(51.792% 0.10551 248.796) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

209°
100%

51.8%
0.106
249°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.53:1Readable · AA
Lc -83
Black text
3.80:1Hard to read
Lc 27

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 #316ca2

#316ca2 is a bright blue color. In OKLCH it has 51.8% lightness, 0.106 chroma and a hue of 249°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Lochmara (#316ea0). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #316ca2 mixed with white

  1. 316ca2
  2. 477aac
  3. 5b89b5
  4. 6f97bf
  5. 83a6c8
  6. 97b4d1
  7. acc3db
  8. c0d2e4
  9. d5e1ed
  10. eaf0f6

Darker: #316ca2 mixed with black

  1. 316ca2
  2. 295d8c
  3. 224e77
  4. 1a4063
  5. 13324f
  6. 0c253c
  7. 06192a
  8. 030d19
  9. 01040a
  10. 000001

Calmer: #316ca2 with less saturation

  1. 316ca2
  2. 386c9c
  3. 3f6c97
  4. 456c91
  5. 4b6c8b
  6. 506b86
  7. 566b80
  8. 5b6a7a
  9. 5f6a74
  10. 64696e

Questions about #316ca2

What color is #316ca2?

#316ca2 is bright blue. The closest named color is Lochmara. In RGB it is rgb(49, 108, 162), in HSL hsl(208.67, 53.55%, 41.37%) and in OKLCH oklch(51.792% 0.10551 248.796).

What colors go well with #316ca2?

The complementary color of #316ca2 is #8f5b13. For a calmer combination use the analogous colors #007691 and #5c61a4. The triadic partners are #9a4c5c and #55742c.

Is white or black text more readable on #316ca2?

White text reads better on #316ca2: white gives a contrast ratio of 5.53:1 and black gives 3.8:1. WCAG AA asks for at least 4.5:1 for body text.

Is #316ca2 a warm or cool color?

#316ca2 is a cool color. In OKLCH its hue is 249 degrees, its lightness 51.8% and its chroma 0.106.