- No data uploaded
- Instant results
Blue — #0000FF
Blue is the CSS named colour blue, hex #0000FF. It has a contrast ratio of 8.59:1 on white and 2.44:1 on black — readable as text on white backgrounds (WCAG AA).
Blue — #0000FF
Contrast on white 8.59:1 · on black 2.44:1
Tints
Shades
Complementary
Triadic
Analogous
Using Blue in code
CSS: color: blue; or color: #0000FF; · Tailwind: text-[#0000FF] · Android/Flutter: 0xFF0000FF
Blue colour harmonies
Complementary: #FFFF00 · Triadic: #FF0000, #00FF00 · Analogous: #0080FF, #8000FF. Use tints for backgrounds and shades for hover states.
Blue in every colour format
| Format | Value |
|---|---|
| HEX | #0000FF |
| RGB | rgb(0, 0, 255) |
| HSL | hsl(240, 100%, 50%) |
| HSV | hsv(240, 100%, 100%) |
| CMYK | cmyk(100%, 100%, 0%, 0%) |
| CSS name | blue |
| Contrast on white | 8.59:1 |
| Contrast on black | 2.44:1 |
Frequently asked questions
What is the hex code for Blue?
#0000FF (CSS name: blue).
What is Blue in RGB?
rgb(0, 0, 255)
What colour goes well with Blue?
Its complementary colour #FFFF00, or the analogous #0080FF and #8000FF.