#B400F0 Color

#B400F0 is rgb(180, 0, 240) in RGB and hsl(285, 100%, 47%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B400F0

HEX#B400F0

RGBrgb(180, 0, 240)

HSLhsl(285, 100%, 47%)

HSVhsv(285, 100%, 94%)

OKLCHoklch(58.3% 0.29 313.1)

CMYKcmyk(25%, 100%, 0%, 6%)

Text Contrast & Accessibility

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

TextWhite text5:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.2:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B400F0 Complementary#3CF000 Analogous#3C00F0 Analogous#F000B4 Triadic#F0B400 Triadic#00F0B4

Tints & Shades

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

Tints

#C414FF #CF3DFF #D761FF #E085FF #E9A8FF #F4D1FF

Shades

#9D00D1 #8600B3 #6F0094 #540070 #3D0052 #260033

Use #B400F0 in Our Tools

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