#B294D1 Color

#B294D1 is rgb(178, 148, 209) in RGB and hsl(270, 40%, 70%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#B294D1

HEX#B294D1

RGBrgb(178, 148, 209)

HSLhsl(270, 40%, 70%)

HSVhsv(270, 29%, 82%)

OKLCHoklch(71.5% 0.093 306.6)

CMYKcmyk(15%, 29%, 0%, 18%)

Text Contrast & Accessibility

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

TextWhite text2.61:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.05:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B294D1 Complementary#B3D194 Analogous#9494D1 Analogous#D194D1 Triadic#D1B394 Triadic#94D1B3

Tints & Shades

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

Tints

#BDA2D7 #C7B0DD #D1BFE3 #DBCDEA #E6DBF0 #F0EAF6

Shades

#9C74C3 #8250B4 #6B4096 #523172 #3B2352 #21142E

Use #B294D1 in Our Tools

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