Skip to content

Blue#0000FF HEX Color

#0000FFrgb(0, 0, 255)
#0000FF color swatch

About Blue

Blue (#0000FF) is a cool, mid, vivid blue tone with a hue of 240°, saturation of 100% and lightness of 50%. It works well for corporate and professional UI and conveys a calm feeling. On a white background it reaches a contrast ratio of 8.59:1, while on black it reaches 2.44:1 — so prefer white text when using #0000FF as a background.

Color Codes

HEX#0000FF
RGBrgb(0, 0, 255)
HSLhsl(240°, 100%, 50%)
CMYKcmyk(100%, 100%, 0%, 0%)
CIELABLab(32.3, 79.2, -107.9)

Accessibility & Contrast

On white
8.59:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses
On black
2.44:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails

Recommendation: when using #0000FF as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #0000FF;
color: #0000FF;
border: 2px solid #0000FF;
background: linear-gradient(135deg, #0000FF, #ffff00);

Code Export

css
:root {
  --color-primary: #0000ff;
  --color-primary-rgb: 0, 0, 255;
  --color-primary-hsl: 240, 100%, 50%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #0000FF?

Color #0000FF is commonly known as Blue. It is a cool, mid, vivid blue tone.

Is #0000FF a warm or cool color?

Blue (#0000FF) is a cool color. With a hue of 240°, it falls in the blue family.

What colors go well with #0000FF?

Colors that pair well with Blue (#0000FF) include its complementary color (#FFFF00), neutral whites and warm creams, and analogous blue tones for harmonious palettes.