Skip to the color picker

#306cae color: Dover Straits

#306cae is rgb(48, 108, 174) in RGB and oklch(52.46% 0.12154 252.991) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

52.5%
0.122
253°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
5.41:1Readable · AA
Lc -82
Black text
3.88: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 #306cae

#306cae is a bright blue color. In OKLCH it has 52.5% lightness, 0.122 chroma and a hue of 253°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.41:1 contrast and black text 3.88: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: #306cae mixed with white

  1. 306cae
  2. 467bb7
  3. 5a89bf
  4. 6f98c8
  5. 83a6d0
  6. 97b5d8
  7. abc3e0
  8. c0d2e8
  9. d5e1f0
  10. eaf0f7

Darker: #306cae mixed with black

  1. 306cae
  2. 285d97
  3. 214e80
  4. 1a406a
  5. 133255
  6. 0c2541
  7. 06192e
  8. 030d1c
  9. 01040b
  10. 000001

Calmer: #306cae with less saturation

  1. 306cae
  2. 386ca7
  3. 3f6da1
  4. 456d9a
  5. 4b6d94
  6. 516c8d
  7. 566c86
  8. 5c6c7f
  9. 616b78
  10. 656b71

Questions about #306cae

What color is #306cae?

#306cae is bright blue. The closest named color is Dover Straits. In RGB it is rgb(48, 108, 174), in HSL hsl(211.43, 56.76%, 43.53%) and in OKLCH oklch(52.46% 0.12154 252.991).

What colors go well with #306cae?

The complementary color of #306cae is #945d00. For a calmer combination use the analogous colors #00789c and #625fad. The triadic partners are #a44856 and #4d7827.

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

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

Is #306cae a warm or cool color?

#306cae is a cool color. In OKLCH its hue is 253 degrees, its lightness 52.5% and its chroma 0.122.