#C680BC Color

#C680BC is rgb(198, 128, 188) in RGB and hsl(309, 38%, 64%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#C680BC

HEX#C680BC

RGBrgb(198, 128, 188)

HSLhsl(309, 38%, 64%)

HSVhsv(309, 35%, 78%)

OKLCHoklch(69.2% 0.117 332)

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

Text Contrast & Accessibility

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

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

TextBlack text7.21:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#C680BC Complementary#80C68B Analogous#AE80C6 Analogous#C68099 Triadic#BCC680 Triadic#80BCC6

Tints & Shades

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

Tints

#CE92C5 #D6A4CE #DEB5D8 #E4C3DF #ECD5E9 #F4E6F2

Shades

#B861AB #A54A98 #863C7B #6A2F61 #4A2144 #2E152A

Use #C680BC in Our Tools

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