Blue (#0000FF)

Blue is rgb(0, 0, 255) in RGB and hsl(240, 100%, 50%) in HSL. White text is most readable on this background.

#0000FF
HEX#0000FF
RGBrgb(0, 0, 255)
HSLhsl(240, 100%, 50%)
HSVhsv(240, 100%, 100%)
OKLCHoklch(45.2% 0.313 264.1)
CMYKcmyk(100%, 100%, 0%, 0%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a Blue background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text8.59:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text2.44:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with Blue based on color wheel relationships. Click any swatch for its full breakdown.

Base#0000FFComplementary#FFFF00Analogous#007FFFAnalogous#7F00FFTriadic#FF0000Triadic#00FF00

Tints & Shades

Lighter tints and darker shades of Blue, useful for hover states, backgrounds, and text variants.

Use Blue in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex