#0000FF
blue
#0000FF is the CSS named color "blue", an exact match. In RGB it breaks down to red 0, green 0, and blue 255 out of 255 each. In HSL terms that's a hue of 240°, 100% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #0000ff |
| RGB | rgb(0, 0, 255) |
| HSL | hsl(240° 100% 50%) |
| HSB | hsb(240° 100% 100%) |
| OKLCH | oklch(45% 0.313 264°) |
| OKLAB | oklab(45% -0.032 -0.312) |
| LCH | lch(30% 131.2 301°) |
| CMYK | cmyk(100% 100% 0% 0%) |
Shades (darker)
#0000ff · #0700f2 · #0f00e4 · #1600d7 · #1c00ca
Tints (lighter)
#0000ff · #0032ff · #064cff · #1863ff · #2978ff
Shades mix #0000FF toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 8.59:1 — AAA
On black: 2.44:1 — fails
Frequently asked
- What is #0000FF in RGB?
- #0000FF is rgb(0, 0, 255) — red 0, green 0, blue 255 out of 255 each.
- Does #0000FF pass WCAG contrast on a white background?
- It has a contrast ratio of 8.59:1 against white, which passes WCAG AAA for normal text.
- What's a good background color to pair with #0000FF?
- White text or a white background gives better contrast (8.59:1) than black (2.44:1).