Home
Colors
Blues
Blue Color

#0000ff

Blue Color

Web safe Blues

One of the three primary additive colors of light, named after the clear daytime sky.

Nearest Tailwind class indigo-700 #432dd7 · ΔE 5.3

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#0000ff

RGB

rgb(0, 0, 255)

HSL

hsl(240, 100%, 50%)

HSV / HSB

hsv(240, 100%, 100%)

CMYK

cmyk(100%, 100%, 0%, 0%)

LAB

lab(32.3, 79.19, -107.86)

LCH

lch(32.3, 133.81, 306.29)

OKLCH

oklch(45.2%, 0.3132, 264.04)

HWB

hwb(240, 0%, 0%)

Harmony colors

Complementary

#ffff00

Analogous

#0080ff

#0000ff

#8000ff

Triadic

#0000ff

#ff0000

#00ff00

Split-complementary

#0000ff

#ff8000

#80ff00

Tetradic

#0000ff

#ff00ff

#ffff00

#00ff00

Square

#0000ff

#ff0080

#ffff00

#00ff80

Shades

Blue Color mixed toward black.

#0000d5

#0000aa

#000080

#000055

#00002a

Tints

Blue Color mixed toward white.

#2a2aff

#5555ff

#8080ff

#aaaaff

#d5d5ff

Tones

Blue Color mixed toward gray.

#1515ea

#2a2ad5

#4040bf

#5555aa

#6a6a95

Accessibility

Aa White text on this color

8.59:1

Aa Black text on this color

2.44:1

White text reads better on this background (8.59:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#0000e2 · ΔE 3.7

Deuteranopia

#0000da · ΔE 4.7

Tritanopia

#00c6c0 · ΔE 57.6

Achromatopsia

#4c4c4c · ΔE 33.4

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #0000ff;

Tailwind (arbitrary value)

bg-[#0000ff]

Related colors

Navy #000080

Lavender #e6e6fa

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Midnight Blue #191970

Frequently asked questions

Blue (#0000ff) is rgb(0, 0, 255) in RGB.

Yes, #0000ff is one of the 216 web-safe colors — every channel is a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #0000ff, or check how it holds up for accessibility.

Generate a palette → Check contrast