What is the hex code for Blue?

The hex code for Blue is #0000FF.

What is the RGB value of Blue?

The RGB value of Blue is rgb(0, 0, 255).

What is the HSL value of Blue?

The HSL value of Blue is hsl(240, 100%, 50%).

What is the HSV value of Blue?

The HSV value of Blue is hsv(240, 100%, 100%).

What CSS code do I use for Blue?

Use background-color: #0000FF; for background, color: #0000FF; for text, or border: 1px solid #0000FF; for borders.

Blue Hex #0000FF: HTML Color Codes & CSS

Blue (#0000FF) Color Codes & Conversions

Color Preview

Make a gradient with Blue →

Opens Blue with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	blue
Hex	#0000FF
RGB	rgb(0, 0, 255)
HSV	hsv(240, 100%, 100%)
HSL	hsl(240, 100%, 50%)
OKLCH	oklch(45.2% 0.3132 264.05)

What is the color name for #0000FF?

#0000FF color name is Blue.

Color Information

The HTML color Blue has the hexadecimal code #0000FF and in the RGB color space is composed of 0% red, 0% green, and 100% blue. The color Blue has a hue angle of 240 degrees, a saturation of 100% and a lightness of 50%.

Blue CSS Code Snippets

Background Color

.bg-blue { background-color: #0000FF; }

Text Color

.text-blue { color: #0000FF; }

Border Color

.border-blue { border: 1px solid #0000FF; }

Shade Gradient

.gradient-shade-blue { background: linear-gradient(135deg, #0000FF, #000047); }

Tint Gradient

.gradient-tint-blue { background: linear-gradient(135deg, #0000FF, #B8B8FF); }

Monochromatic Gradient

.gradient-mono-blue { background: linear-gradient(135deg, #0000FF, #0000DB); }

Blue Shades

#0000E0

#0000C2

#0000A3

#000085

#000066

#000047

Blue Tints

#1F1FFF

#3D3DFF

#5C5CFF

#7A7AFF

#9999FF

#B8B8FF

Blue Tones

#1111EE

#2121DE

#3232CD

#4242BD

#5353AC

#63639C

Blue Monochromatic

#0000DB

#0000B6

#000092

#00006D

#000049

#000024

Similar Colors to Blue

#0055FF

#0033FF

#0011FF

#1100FF

#3300FF

#5500FF

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator