Skip to the color picker

#336bb0 color: Dover Straits

#336bb0 is rgb(51, 107, 176) in RGB and oklch(52.465% 0.12417 255.054) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

52.5%
0.124
255°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
5.43:1Readable · AA
Lc -82
Black text
3.87: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 #336bb0

#336bb0 is a bright blue color. In OKLCH it has 52.5% lightness, 0.124 chroma and a hue of 255°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.43:1 contrast and black text 3.87: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: #336bb0 mixed with white

  1. 336bb0
  2. 487ab9
  3. 5c88c1
  4. 7097c9
  5. 84a6d1
  6. 98b4d9
  7. acc3e1
  8. c0d2e9
  9. d5e1f0
  10. eaf0f8

Darker: #336bb0 mixed with black

  1. 336bb0
  2. 2b5c99
  3. 234e82
  4. 1c3f6c
  5. 143256
  6. 0d2542
  7. 07182e
  8. 030d1c
  9. 01040b
  10. 000001

Calmer: #336bb0 with less saturation

  1. 336bb0
  2. 3a6ba9
  3. 416ca2
  4. 476c9c
  5. 4c6c95
  6. 526c8e
  7. 576c87
  8. 5c6c80
  9. 616b79
  10. 666b72

Questions about #336bb0

What color is #336bb0?

#336bb0 is bright blue. The closest named color is Dover Straits. In RGB it is rgb(51, 107, 176), in HSL hsl(213.12, 55.07%, 44.51%) and in OKLCH oklch(52.465% 0.12417 255.054).

What colors go well with #336bb0?

The complementary color of #336bb0 is #935d00. For a calmer combination use the analogous colors #00779e and #645dae. The triadic partners are #a54753 and #497928.

Is white or black text more readable on #336bb0?

White text reads better on #336bb0: white gives a contrast ratio of 5.43:1 and black gives 3.87:1. WCAG AA asks for at least 4.5:1 for body text.

Is #336bb0 a warm or cool color?

#336bb0 is a cool color. In OKLCH its hue is 255 degrees, its lightness 52.5% and its chroma 0.124.