#C304CD Color

#C304CD is rgb(195, 4, 205) in RGB and hsl(297, 96%, 41%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#C304CD

HEX#C304CD

RGBrgb(195, 4, 205)

HSLhsl(297, 96%, 41%)

HSVhsv(297, 98%, 80%)

OKLCHoklch(58.1% 0.269 325.7)

CMYKcmyk(5%, 98%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C304CD Complementary#0ECD04 Analogous#5F04CD Analogous#CD0473 Triadic#CDC304 Triadic#04CDC3

Tints & Shades

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

Tints

#E905F5 #F028FB #F350FB #F67DFC #F9A5FD #FCCDFE

Shades

#AB04B4 #8F0396 #77037D #5F0264 #47024B #2B012D

Use #C304CD in Our Tools

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