#C700BD Color

#C700BD is rgb(199, 0, 189) in RGB and hsl(303, 100%, 39%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#C700BD

HEX#C700BD

RGBrgb(199, 0, 189)

HSLhsl(303, 100%, 39%)

HSVhsv(303, 100%, 78%)

OKLCHoklch(57.6% 0.261 331.1)

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

Text Contrast & Accessibility

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

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

TextBlack text4.16:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#C700BD Complementary#00C70A Analogous#6D00C7 Analogous#C7005A Triadic#BDC700 Triadic#00BDC7

Tints & Shades

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

Tints

#F000E4 #FF1FF4 #FF47F6 #FF75F8 #FF9EFA #FFCCFC

Shades

#AD00A5 #94008D #7A0074 #61005C #470044 #2E002C

Use #C700BD in Our Tools

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