#0040FF Color

#0040FF is rgb(0, 64, 255) in RGB and hsl(225, 100%, 50%) in HSL. The closest CSS named color is Blue. White text is most readable on this background.

#0040FF

HEX#0040FF

RGBrgb(0, 64, 255)

HSLhsl(225, 100%, 50%)

HSVhsv(225, 100%, 100%)

OKLCHoklch(50.1% 0.28 263.8)

CMYKcmyk(100%, 75%, 0%, 0%)

Text Contrast & Accessibility

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

TextWhite text6.61:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.18:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#0040FF Complementary#FFBF00 Analogous#00BFFF Analogous#4000FF Triadic#FF0040 Triadic#40FF00

Tints & Shades

Lighter tints and darker shades of #0040FF, useful for hover states, backgrounds, and text variants.

Tints

#245BFF #4775FF #6B90FF #8AA7FF #ADC2FF #D1DDFF

Shades

#0037DB #002FBD #002699 #001F7A #001657 #000E38

Use #0040FF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex