blue

#0000FF

CSS color

Overview

Blue completes the trio of additive primaries at rgb(0, 0, 255), hex #0000FF, with the blue channel at maximum and the others off. It sits at 240 degrees on the hue wheel, fully saturated and bright. In the RGB model blue mixes with red to make magenta and with green to make cyan, and all three primaries together produce white. As a short-wavelength color near 470 nanometers, blue is the coolest of the primaries and one of the sixteen basic HTML named colors. It is among the most frequently used CSS keywords, though its deep, fully saturated form is often lightened for interface text because pure blue can appear to vibrate against white.

Blue (#0000FF) is the pure, fully saturated primary blue of the RGB color model—maximum intensity with no red or green component. It is one of the most psychologically studied colors, consistently associated with trust, intelligence, depth, and calm in Western cultures. As a CSS named color, it is rarely used directly due to its extreme saturation, but it anchors the entire blue color family.

On this page

Color Values

HEX

#0000FF

RGB

0, 0, 255

HSL

240.0, 100.0%, 50.0%

HSV

240.0, 100.0%, 100.0%

CMYK

100.0%, 100.0%, 0.0%, 0.0%

OKLCH

0.452 0.3132 264.1

Properties

Cool Dark Nearest: blue

Color Psychology

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #0000FF;
color: #0000FF;
border-color: #0000FF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

2.44:1

AA Fail AAA Fail

Compare With

Part of These Collections

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #0000FF?

RGB(0, 0, 255) · HSL(240.0, 100.0%, 50.0%) · CMYK(100.0%, 100.0%, 0.0%, 0.0%)

Does #0000FF meet WCAG contrast on white?

8.59:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #0000FF?

Use FFFFFF text on a #0000FF background; contrast on black is 2.44:1.