Azure

#007FFF
RGB
0, 127, 255
HSL
210°, 100%, 50%
CMYK
100, 50, 0, 0
HSV
210°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #007FFF color: #007FFF;
RGB 0, 127, 255 color: rgb(0, 127, 255);
RGB Percentage 0%, 50%, 100% color: rgb(0%, 50%, 100%);
CMYK 100%, 50%, 0%, 0% Not supported in CSS
HSL 210°, 100%, 50% color: hsl(210, 100%, 50%);
HSV 210°, 100%, 100% Not supported in CSS
CIE-LAB 40, -25, -43 color: lab(40% -25 -43);
Decimal 32767 Not supported in CSS

Color Variations

Shades

#0080FF
#0073E6
#0066CC
#0059B3
#004C99
#004080
#003366
#00264D

Tints

#B3D9FF
#99CCFF
#80BFFF
#66B3FF
#4DA6FF
#3399FF
#1A8CFF
#0080FF

Tones

#0080FF
#0D80F2
#1A80E6
#2680D9
#3380CC
#4080BF
#4D80B3
#5980A6

Hues

#0080FF
#4000FF
#FF00FF
#FF0040
#FF8000
#BFFF00
#00FF00
#00FFBF

Color Harmonies

Analogous

#00FFFF
Click to copy
Cyan
71%
#007FFF
Click to copy
Azure
100%
#0000FF
Click to copy
Blue
71%

Complementary

#007FFF
Click to copy
Azure
100%
#FF8000
Click to copy
Orange
18%

Split Complementary

#007FFF
Click to copy
Azure
100%
#FF0000
Click to copy
Red
13%
#FFFF00
Click to copy
Yellow
13%

Triadic

#007FFF
Click to copy
Azure
100%
#FF0080
Click to copy
Magenta
29%
#80FF00
Click to copy
Green
29%

Tetradic

#007FFF
Click to copy
Azure
100%
#FF00FF
Click to copy
Purple
35%
#FF8000
Click to copy
Orange
18%
#00FF00
Click to copy
Green
35%

Square

#007FFF
Click to copy
Azure
100%
#FF00FF
Click to copy
Purple
35%
#FF8000
Click to copy
Orange
18%
#00FF00
Click to copy
Green
35%

CSS & Dev Snippets

CSS
.azure {
  color: #007FFF;
}
SCSS
$azure: #007FFF;
RGB
rgb(0, 127, 255)

Accessibility & Contrast

White background

3.83:1
3.83
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.48:1
5.48
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags