Blue Color

Blue is the hex color #0000FF. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #0000FF Open in picker Save

Blue color codes

HEX: #0000FF
HEX8: #0000FFFF
HEX8 (Android): #FF0000FF
RGB: rgb(0, 0, 255)
RGB (%): 0%, 0%, 100%
HSL: hsl(240, 100%, 50%)
HSV / HSB: hsv(240, 100%, 100%)
CMYK: cmyk(100%, 100%, 0%, 0%)
OKLCH: oklch(0.452 0.3132 264.05)
OKLCH (%): oklch(45.2% 0.3132 264.05)
Decimal: 255

What color is #0000FF?

#0000FF is pure Blue — one of the three additive primary colors of light. In the RGB model it’s 0% red, 0% green, and 100% blue; in HSL it has a hue of 240°, 100% saturation, and 50% lightness. It’s the most saturated blue a screen can show.

The meaning of Blue

Blue is the most universally liked color, signaling trust, calm, stability, and professionalism. It lowers urgency and reads as dependable and clear.

Where Blue is used

Blue is the most common color in corporate, tech, finance, and healthcare branding. Pure #0000FF is vivid and high‑contrast on white; softer blues like Royal Blue #4169E1 or Sky Blue #87CEEB feel friendlier, while Navy #000080 reads as serious and premium.

Shades and tints of Blue

Tints

#3333FF Blue

#6666FF MediumSlateBlue

#9999FF CornflowerBlue

#CCCCFF LightSteelBlue

Shades

#0000CC MediumBlue

#000099 DarkBlue

#000066 Navy

#000033 MidnightBlue

Blue color harmonies

Complementary

#0000FF Blue

#FFFF00 Yellow

Analogous

#0000FF Blue

#0080FF DodgerBlue

#7F00FF BlueViolet

Triadic

#0000FF Blue

#FF0000 Red

#00FF00 Lime

Split-complementary

#0000FF Blue

#FF7F00 DarkOrange

#80FF00 Chartreuse

Using Blue in CSS

.text       { color: #0000FF; }
.background { background-color: #0000FF; }
.border     { border: 2px solid #0000FF; }

/* Modern, perceptually uniform */
.text { color: oklch(0.452 0.3132 264.05); }

/* Blue at 50% transparency */
.overlay { background-color: #0000FF80; }

Is Blue accessible?

Blue on white text scores 8.59:1; on black text it scores 2.44:1. White text passes WCAG AAA on blue; black text fails. Recommended text color on a Blue background: white.

A 2.44:1 vs black

A 8.59:1 vs white

AA normal ≥ 4.5 Pass
AA large ≥ 3 Pass
AAA normal ≥ 7 Pass
AAA large ≥ 4.5 Pass

Recommended text color: white

CSS contrast-color() contrast-color(#0000FF) → white

APCA Lc experimental 90.7 Lc · body text — preferred (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Blue variations and related colors

Royal Blue #4169E1 Navy #000080 Sky Blue #87CEEB Dodger Blue #1E90FF Cyan #00FFFF

Frequently asked questions

What is the hex code for blue?: The hex code for pure blue is #0000FF (rgb(0, 0, 255)).
What text color works on blue?: White — white text on #0000FF has an 8.59:1 contrast ratio (WCAG AAA).
What is blue in CMYK?: Pure blue #0000FF is cmyk(100%, 100%, 0%, 0%).

Last updated June 21, 2026

Open Blue in the color picker

Drag, fine-tune, and copy #0000FF in every format, or jump to a related page.

Open Blue in the color picker