#B107C0 Color

#B107C0 is rgb(177, 7, 192) in RGB and hsl(295, 93%, 39%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B107C0

HEX#B107C0

RGBrgb(177, 7, 192)

HSLhsl(295, 93%, 39%)

HSVhsv(295, 96%, 75%)

OKLCHoklch(54.5% 0.253 324)

CMYKcmyk(8%, 96%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B107C0 Complementary#16C007 Analogous#5407C0 Analogous#C00773 Triadic#C0B107 Triadic#07C0B1

Tints & Shades

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

Tints

#D508E7 #E626F7 #EA4EF9 #F07AFA #F4A1FC #F9CEFD

Shades

#9A06A7 #83058F #6D0476 #56035E #3F0245 #29022C

Use #B107C0 in Our Tools

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