Skip to the color picker

#306ab5 color: Dover Straits

#306ab5 is rgb(48, 106, 181) in RGB and oklch(52.438% 0.13306 256.08) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

214°
100%

52.4%
0.133
256°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 29%

Inside sRGB: displays the same on any screen.

White text
5.45:1Readable · AA
Lc -82
Black text
3.85: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 #306ab5

#306ab5 is a bright blue color. In OKLCH it has 52.4% lightness, 0.133 chroma and a hue of 256°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Dover Straits (#326ab1). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #306ab5 mixed with white

  1. 306ab5
  2. 4579bd
  3. 5a88c5
  4. 6e97cd
  5. 82a5d5
  6. 96b4dc
  7. abc3e4
  8. c0d2eb
  9. d4e1f2
  10. eaf0f8

Darker: #306ab5 mixed with black

  1. 306ab5
  2. 285b9d
  3. 214d86
  4. 1a3f6f
  5. 133159
  6. 0c2444
  7. 061830
  8. 030d1d
  9. 01040c
  10. 000002

Calmer: #306ab5 with less saturation

  1. 306ab5
  2. 386bae
  3. 3f6ba6
  4. 456c9f
  5. 4b6c98
  6. 516c90
  7. 566c89
  8. 5b6b81
  9. 606b7a
  10. 656b72

Questions about #306ab5

What color is #306ab5?

#306ab5 is bright blue. The closest named color is Dover Straits. In RGB it is rgb(48, 106, 181), in HSL hsl(213.83, 58.08%, 44.9%) and in OKLCH oklch(52.438% 0.13306 256.08).

What colors go well with #306ab5?

The complementary color of #306ab5 is #945d00. For a calmer combination use the analogous colors #0077a0 and #655bb2. The triadic partners are #a9444f and #437b23.

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

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

Is #306ab5 a warm or cool color?

#306ab5 is a cool color. In OKLCH its hue is 256 degrees, its lightness 52.4% and its chroma 0.133.