Skip to the color picker

Azure color: #007fff

Azure is #007fff, rgb(0, 127, 255) in RGB and oklch(61.308% 0.21196 256.33) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

210°
100%

61.3%
0.212
256°
  • Blue
  • Medium
  • Vivid
  • Neon
  • Cool
  • blue-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
3.83:1Hard to read
Lc -70
Black text
5.48:1Readable · AA
Lc 39

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.

Palettes with Azure

Similar named colors

Questions about Azure

What is the hex code for Azure?

The hex code for Azure is #007fff. In RGB it is rgb(0, 127, 255), in HSL hsl(210.12, 100%, 50%) and in OKLCH oklch(61.308% 0.21196 256.33).

What colors go well with Azure?

Its complementary color is #b57500. For a calmer look, pair it with the analogous colors #0093c4 and #8066fa. Ready palettes with Azure are shown on this page.

Is Azure a warm or cool color?

Azure is a cool color with an OKLCH hue of 256 degrees.

What text color is readable on Azure?

White text is more readable on Azure: white gives a contrast ratio of 3.83:1 and black gives 5.48:1. WCAG AA asks for at least 4.5:1 for body text.

About #007fff

#007fff is a neon blue color. In OKLCH it has 61.3% lightness, 0.212 chroma and a hue of 256°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Azure (#007fff). In Tailwind CSS the closest color is blue-500.

More medium blue colors

Lighter: #007fff mixed with white

  1. 007fff
  2. bedbff

Darker: #007fff mixed with black

  1. 007fff

Calmer: #007fff with less saturation

  1. 007fff

Similar named colors

  • Azure#007fff

Colors that go with #007fff

Complementary
#007fff
Analogous
#007fff
Triadic
#007fff
Split
#007fff