#0000FF
Blue
Blue is one of the three primary colors in the RGB color model. A universally beloved color associated with the sky, ocean, trust, and calm, blue is the most popular favorite color worldwide.
Blue Color Values
HEX#0000FF
RGB0, 0, 255
HSL240°, 100%, 50%
HSV240°, 100%, 100%
CMYK100%, 100%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #0058FF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #003DFB (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #006C95 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #5F5F5F (~0.003% of population)
Blue as Text Color
Blue on White
8.6:1AAA
Blue on Light Gray
7.9:1AAA
Blue on Cream
8.1:1AAA
Blue on Dark
2.0:1FAIL
Blue on Black
2.4:1FAIL
Blue on Soft Blue
7.5:1AAA
Blue on Soft Green
7.6:1AAA
Blue on Soft Pink
7.1:1AAA
Nearest Tailwind Class
indigo-700
#4338CA
Nearest Pantone Match
Pantone 072 C
#10069F
CSS Variable Export
:root {
--color-blue: #0000FF;
--color-blue-rgb: 0, 0, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'blue': '#0000FF',
}Shades of Blue
#0000FF
#0000E0
#0000C7
#0000A8
#00008F
#000070
#000057
#000038
#00001F
#000000
Tints of Blue
#0000FF
#1F1FFF
#3838FF
#5757FF
#7070FF
#8F8FFF
#A8A8FF
#C7C7FF
#E0E0FF
#FFFFFF
Color Harmonies
Complementary
#0000FF
#FFFF00
Analogous
#007FFF
#0000FF
#7F00FF
Triadic
#0000FF
#FF0000
#00FF00
Blue Text Preview
Heading in Blue
Body text in Blue. The quick brown fox jumps over the lazy dog.
White on Blue
Body text on a Blue background.
Blue text on dark background
Contrast: 2.1:1