Skip to the color picker

#306ca1 color: Lochmara

#306ca1 is rgb(48, 108, 161) in RGB and oklch(51.697% 0.10466 248.038) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

51.7%
0.105
248°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 37%

Inside sRGB: displays the same on any screen.

White text
5.55:1Readable · AA
Lc -83
Black text
3.79: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 #306ca1

#306ca1 is a bright blue color. In OKLCH it has 51.7% lightness, 0.105 chroma and a hue of 248°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.55:1 contrast and black text 3.79: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: #306ca1 mixed with white

  1. 306ca1
  2. 467aab
  3. 5a89b4
  4. 6f97be
  5. 83a6c7
  6. 97b4d1
  7. abc3da
  8. c0d2e3
  9. d5e1ed
  10. eaf0f6

Darker: #306ca1 mixed with black

  1. 306ca1
  2. 285d8b
  3. 214e76
  4. 1a4062
  5. 13324e
  6. 0c253c
  7. 06192a
  8. 030d19
  9. 010409
  10. 000001

Calmer: #306ca1 with less saturation

  1. 306ca1
  2. 386c9b
  3. 3f6c96
  4. 456c90
  5. 4b6b8b
  6. 506b85
  7. 556b7f
  8. 5a6a7a
  9. 5f6974
  10. 63696e

Questions about #306ca1

What color is #306ca1?

#306ca1 is bright blue. The closest named color is Lochmara. In RGB it is rgb(48, 108, 161), in HSL hsl(208.14, 54.07%, 40.98%) and in OKLCH oklch(51.697% 0.10466 248.038).

What colors go well with #306ca1?

The complementary color of #306ca1 is #8f5b15. For a calmer combination use the analogous colors #007590 and #5b61a3. The triadic partners are #9a4c5c and #56732b.

Is white or black text more readable on #306ca1?

White text reads better on #306ca1: white gives a contrast ratio of 5.55:1 and black gives 3.79:1. WCAG AA asks for at least 4.5:1 for body text.

Is #306ca1 a warm or cool color?

#306ca1 is a cool color. In OKLCH its hue is 248 degrees, its lightness 51.7% and its chroma 0.105.