#C577BC Color

#C577BC is rgb(197, 119, 188) in RGB and hsl(307, 40%, 62%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#C577BC

HEX#C577BC

RGBrgb(197, 119, 188)

HSLhsl(307, 40%, 62%)

HSVhsv(307, 40%, 77%)

OKLCHoklch(67.6% 0.132 331.2)

CMYKcmyk(0%, 40%, 5%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C577BC Complementary#77C580 Analogous#A777C5 Analogous#C57795 Triadic#BCC577 Triadic#77BCC5

Tints & Shades

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

Tints

#CD89C5 #D49BCD #DCADD6 #E5C2E1 #EDD4EA #F4E6F3

Shades

#B95BAE #A14596 #84397B #682C61 #4B2046 #2B1228

Use #C577BC in Our Tools

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