#B178BA Color

#B178BA is rgb(177, 120, 186) in RGB and hsl(292, 32%, 60%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#B178BA

HEX#B178BA

RGBrgb(177, 120, 186)

HSLhsl(292, 32%, 60%)

HSVhsv(292, 35%, 73%)

OKLCHoklch(65.4% 0.114 321.9)

CMYKcmyk(5%, 35%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text3.35:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.27:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#B178BA Complementary#81BA78 Analogous#9078BA Analogous#BA78A2 Triadic#BAB178 Triadic#78BAB1

Tints & Shades

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

Tints

#BB89C2 #C69DCD #D0AED5 #DCC2E0 #E6D3E8 #F1E7F3

Shades

#A15DAC #8B4C94 #713E79 #58315E #3F2343 #261528

Use #B178BA in Our Tools

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