Skip to the color picker

#306eb0 color: Nocturne Shade

#306eb0 is rgb(48, 110, 176) in RGB and oklch(53.045% 0.12208 252.374) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

53%
0.122
252°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 31%

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 #306eb0

#306eb0 is a bright blue color. In OKLCH it has 53% lightness, 0.122 chroma and a hue of 252°.

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 Nocturne Shade (#356fad). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #306eb0 mixed with white

  1. 306eb0
  2. 467cb9
  3. 5b8bc1
  4. 6f99c9
  5. 83a7d1
  6. 97b6d9
  7. acc4e1
  8. c0d3e9
  9. d5e1f0
  10. eaf0f8

Darker: #306eb0 mixed with black

  1. 306eb0
  2. 285f99
  3. 215082
  4. 1a416c
  5. 133356
  6. 0c2642
  7. 06192e
  8. 030e1c
  9. 01040b
  10. 000101

Calmer: #306eb0 with less saturation

  1. 306eb0
  2. 386ea9
  3. 3f6ea3
  4. 466f9c
  5. 4c6e95
  6. 526e8f
  7. 586e88
  8. 5d6e81
  9. 626d7a
  10. 676c73

Questions about #306eb0

What color is #306eb0?

#306eb0 is bright blue. The closest named color is Nocturne Shade. In RGB it is rgb(48, 110, 176), in HSL hsl(210.94, 57.14%, 43.92%) and in OKLCH oklch(53.045% 0.12208 252.374).

What colors go well with #306eb0?

The complementary color of #306eb0 is #965e00. For a calmer combination use the analogous colors #007a9d and #6261b0. The triadic partners are #a64a58 and #507a27.

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

White text reads better on #306eb0: 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 #306eb0 a warm or cool color?

#306eb0 is a cool color. In OKLCH its hue is 252 degrees, its lightness 53% and its chroma 0.122.