#B77BCC Color

#B77BCC is rgb(183, 123, 204) in RGB and hsl(284, 44%, 64%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#B77BCC

HEX#B77BCC

RGBrgb(183, 123, 204)

HSLhsl(284, 44%, 64%)

HSVhsv(284, 40%, 80%)

OKLCHoklch(67.4% 0.132 317)

CMYKcmyk(10%, 40%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B77BCC Complementary#90CC7B Analogous#8E7BCC Analogous#CC7BB9 Triadic#CCB67B Triadic#7BCCB6

Tints & Shades

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

Tints

#C08DD3 #CAA0DA #D4B2E1 #DDC1E7 #E7D3EE #F1E5F5

Shades

#A45ABF #9043AD #75368C #5C2B6E #411E4D #281330

Use #B77BCC in Our Tools

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