~/devtools / color / blue
tool::color-guide

Blue Color

Blue — The Color of Trust and Reliability

ad · 728×90
#0000FFBlue
Color Values
HEX#0000FF
RGBrgb(0, 0, 255)
HSLhsl(240°, 100%, 50%)
CSSblue
Shade Palette
50
#EBF8FF
100
#BEE3F8
300
#63B3ED
500
#4299E1
700
#2B6CB0
900
#1A365D
Complementary Color
#FFFF00
Yellow
Analogous Colors
#0040FF
Azure Blue
#4000FF
Indigo

CSS Usage

CSS
/* By name */
color: blue;
background-color: blue;

/* By HEX */
color: #0000FF;
background-color: #0000FF;

/* By RGB */
color: rgb(0, 0, 255);

/* By HSL */
color: hsl(240deg, 100%, 50%);

/* With opacity */
color: rgba(0, 0, 255, 0.8);
color: hsl(240deg 100% 50% / 80%);

Pure blue (#0000FF) appears very intense on screen. For accessibility, ensure sufficient contrast ratio — use #1D4ED8 or darker variants when placing blue text on white backgrounds to meet WCAG AA standards.

Blue (#0000FF) is one of the most used colors in digital design, symbolizing trust, stability, and professionalism. It has been the default link color since the early web, making it deeply associated with interactivity. Pure blue is extremely saturated, so most modern UIs use mid-toned variants like #2563EB or #3B82F6. Countless global brands including Facebook, Twitter, PayPal, and Samsung have chosen blue as their primary brand color.

Common Use Cases

  • Hyperlinks — default web link color (#0000EE)
  • Primary action buttons — confirm, save, submit actions
  • Informational alerts — info messages, help icons, tooltips
  • Data visualizations — default series color in charts and graphs
  • Background gradients — sky and ocean-themed backgrounds
  • Brand identity — Facebook, PayPal, Ford, IBM, Samsung

Related Colors

Red#FF0000 · RGB(255, 0, 0)
Green#008000 · RGB(0, 128, 0)
Navy#000080 · RGB(0, 0, 128)
ad · 300×250
Back to Color Converter
// related tools
Cron Expression Generator
Build and parse cron expressions visually. Generate human-readable descriptions and preview next execution times.
jwt
JWT Decoder
Decode and inspect JWT tokens. View header, payload, and signature details.
rx
Regex Tester
Test regular expressions with live matching, group highlighting, and explanations.
ts
Timestamp Converter
Convert Unix timestamps to human-readable dates. Supports ms/s, UTC/local, and relative time.