#C530BB Color

#C530BB is rgb(197, 48, 187) in RGB and hsl(304, 61%, 48%) in HSL. The closest CSS named color is MediumOrchid. White text is most readable on this background.

#C530BB

HEX#C530BB

RGBrgb(197, 48, 187)

HSLhsl(304, 61%, 48%)

HSVhsv(304, 76%, 77%)

OKLCHoklch(59.1% 0.233 331.1)

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

Text Contrast & Accessibility

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

TextWhite text4.65:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#C530BB Complementary#30C53A Analogous#8430C5 Analogous#C53070 Triadic#BBC530 Triadic#30BBC5

Tints & Shades

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

Tints

#D246C9 #D963D1 #E080DA #E8A1E3 #EFBDEC #F6DAF4

Shades

#AC2AA4 #902388 #771D71 #5E175A #461142 #290A27

Use #C530BB in Our Tools

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