Blue

#0000FF
RGB
0, 0, 255
HSL
240°, 100%, 50%
CMYK
100, 100, 0, 0
HSV
240°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0000FF color: #0000FF;
RGB 0, 0, 255 color: rgb(0, 0, 255);
RGB Percentage 0%, 0%, 100% color: rgb(0%, 0%, 100%);
CMYK 100%, 100%, 0%, 0% Not supported in CSS
HSL 240°, 100%, 50% color: hsl(240, 100%, 50%);
HSV 240°, 100%, 100% Not supported in CSS
CIE-LAB 40, 0, -85 color: lab(40% 0 -85);
Decimal 255 Not supported in CSS

Color Variations

Shades

#0000FF
#0000E6
#0000CC
#0000B3
#000099
#000080
#000066
#00004D

Tints

#B3B3FF
#9999FF
#8080FF
#6666FF
#4D4DFF
#3333FF
#1A1AFF
#0000FF

Tones

#0000FF
#0D0DF2
#1A1AE6
#2626D9
#3333CC
#4040BF
#4D4DB3
#5959A6

Hues

#0000FF
#BF00FF
#FF0080
#FF4000
#FFFF00
#40FF00
#00FF80
#00BFFF

Color Harmonies

Analogous

#0080FF
Click to copy
Blue
71%
#0000FF
Click to copy
Blue
100%
#8000FF
Click to copy
Purple
71%

Complementary

#0000FF
Click to copy
Blue
100%
#FFFF00
Click to copy
Yellow
0%

Split Complementary

#0000FF
Click to copy
Blue
100%
#FF8000
Click to copy
Orange
13%
#80FF00
Click to copy
Green
13%

Triadic

#0000FF
Click to copy
Blue
100%
#FF0000
Click to copy
Red
18%
#00FF00
Click to copy
Green
18%

Tetradic

#0000FF
Click to copy
Blue
100%
#FF0080
Click to copy
Magenta
35%
#FFFF00
Click to copy
Yellow
0%
#00FF80
Click to copy
Cyan
35%

Square

#0000FF
Click to copy
Blue
100%
#FF0080
Click to copy
Magenta
35%
#FFFF00
Click to copy
Yellow
0%
#00FF80
Click to copy
Cyan
35%

CSS & Dev Snippets

CSS
.blue {
  color: #0000FF;
}
SCSS
$blue: #0000FF;
RGB
rgb(0, 0, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags