#007FFFCool toneWCAG AA text

Azure

Every format, contrast check and derived color for any hex code, with one click export.

Hex color

#
See full details8 formats, contrast, derived colors, export

Click any value to copy itPaste or pick a color

Color formats

Azure written eight ways. Click any value to copy it.

Color properties

Brightness
41%
Saturation
100%
Temperature
Cool

Contrast

Contrast (White)
3.83:1
Contrast (Black)
5.48:1
WCAG AA
✓
Pass

Derived colors

Three colors worked out from Azure. Click one to copy its hex.

Export code

One color as azure, ready to paste.

Format

variables.css

:root {
  --azure: #007FFF;
  --azure-rgb: 0, 127, 255;
  --azure-hsl: 210 100% 50%;
}

How it works

Enter any hex code to get its RGB, HSL, HSV, CMYK, and LAB values, its contrast against black and white, and its nearest named colors.

01

What the numbers tell you

The HSL lightness figure is the fastest predictor of whether a color will work as text. Below roughly 40 percent it will usually pass on white; above roughly 70 percent it will usually pass on black. The middle band is where most brand colors sit and most contrast failures happen.

Contrast against pure black and pure white bounds what the color can do. If it fails against both, no text color will save it and it belongs in fills rather than type.

Frequently asked

4 questions people ask about the hex color details.

  1. 1What do the six characters in a hex color mean?

    Three pairs, each a base 16 number from 00 to FF, giving the red, green, and blue channels. #FF7F50 is 255 red, 127 green, 80 blue.

  2. 2What is an 8 digit hex color?

    The last two characters are the alpha channel, from 00 for fully transparent to FF for fully opaque. #FF7F5080 is coral at roughly 50 percent opacity.

  3. 3Can two different hex codes look identical?

    Effectively yes. Adjacent values such as #FF7F50 and #FF8050 differ by one step in one channel, which is far below what the eye can resolve. That is what Delta E measures.

  4. 4What is the hex code for pure white and pure black?

    #FFFFFF is pure white and #000000 is pure black. They are the only pair that reaches the maximum contrast ratio of 21:1.