Blue is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #0000FF, which equals rgb(0, 0, 255) in RGB and hsl(240, 100%, 50%) in HSL. In print terms it converts to roughly C100 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#0000FF - RGB
0, 0, 255 - HSL
240°, 100%, 50% - CMYK
100, 100, 0, 0 - Family
Blue - Tone
Medium, vivid
About Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 8.59:1. Its complementary color is #FFFF00.
Download Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Blue color codes
| HEX | #0000FF |
|---|---|
| RGB | rgb(0, 0, 255) |
| HSL | hsl(240, 100%, 50%) |
| HSV | 240°, 100%, 100% |
| CMYK | 100%, 100%, 0%, 0% |
| Decimal | 255 |
Shades and tints of Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5D5FF - 100
#AAAAFF - 200
#8080FF - 300
#5555FF - 400
#2B2BFF - 500
#0000FF - 600
#0000D5 - 700
#0000AA - 800
#000080 - 900
#000055 - 950
#00002B
Color harmonies for Blue
- Complementary
#FFFF00≈ Lemon - Analogous −30°
#0080FF≈ Azure Blue - Analogous +30°
#8000FF≈ Pure Violet - Triadic +120°
#FF0000≈ Pure Cardinal - Triadic +240°
#00FF00≈ Pure Shamrock - Split 150°
#FF8000≈ Dark Orange - Split 210°
#80FF00≈ Chartreuse
Contrast and accessibility of Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Blue | Aa | 8.59:1 | AAA (excellent) |
| Black text on Blue | Aa | 2.44:1 | Fails |
CSS code for Blue
background-color: #0000FF;color: #0000FF;background-color: rgb(0, 0, 255);background-color: hsl(240, 100%, 50%);:root { --color-blue: #0000FF; }class="bg-[#0000FF]"Colors similar to Blue
- Pure Ultramarine
#1900FF - Pure Royal
#0019FF - Medium Dark Blue
#0000D6 - Pure Indigo
#3300FF - Bright Blue
#1919E6 - Medium Dark Ultramarine
#1500D6 - Medium Dark Royal
#0015D6 - Medium Blue
#0000CD - Ultramarine
#3F00FF - Bright Ultramarine
#2E19E6 - Medium Dark Indigo
#2B00D6 - Medium Light Blue
#2929FF
More blue shades
- Teal
#008080 - Cyan
#00FFFF - Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Frequently asked questions
What is the HEX code for Blue?
The HEX code for Blue is #0000FF.
What is the RGB value of Blue?
Blue has an RGB value of 0, 0, 255 (rgb(0, 0, 255)). In HSL it is 240°, 100%, 50%.
What text color should I use on Blue?
Use white text on Blue. White text has a contrast ratio of 8.59:1 and black text has 2.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Blue?
The complementary color of Blue is #FFFF00. Analogous colors #0080FF and #8000FF also pair well.