Skip to the color picker

#2f6bdf color: Royal Blue

#2f6bdf is rgb(47, 107, 223) in RGB and oklch(55.545% 0.18812 261.828) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

220°
100%

55.5%
0.188
262°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Royal blue
  • blue-600
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
4.90:1Readable · AA
Lc -79
Black text
4.29:1Hard to read
Lc 31

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #2f6bdf

#2f6bdf is a bright blue color. In OKLCH it has 55.5% lightness, 0.188 chroma and a hue of 262°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Royal Blue (#4169e1). In Tailwind CSS the closest color is blue-600.

More medium blue colors

Lighter: #2f6bdf mixed with white

Darker: #2f6bdf mixed with black

Calmer: #2f6bdf with less saturation

Similar named colors

  • Royal Blue#4169e1

Colors that go with #2f6bdf

Complementary
Analogous
Triadic
Split
#bb4d00

Questions about #2f6bdf

What color is #2f6bdf?

#2f6bdf is bright blue. The closest named color is Royal Blue. In RGB it is rgb(47, 107, 223), in HSL hsl(219.55, 73.33%, 52.94%) and in OKLCH oklch(55.545% 0.18812 261.828).

What colors go well with #2f6bdf?

The complementary color of #2f6bdf is #9a6900. For a calmer combination use the analogous colors #007fb4 and #7955d6. The triadic partners are #ca313e and #0e8c00.

Is white or black text more readable on #2f6bdf?

White text reads better on #2f6bdf: white gives a contrast ratio of 4.9:1 and black gives 4.29:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2f6bdf a warm or cool color?

#2f6bdf is a cool color. In OKLCH its hue is 262 degrees, its lightness 55.5% and its chroma 0.188.