#CF308D Color

#CF308D is rgb(207, 48, 141) in RGB and hsl(325, 62%, 50%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CF308D

HEX#CF308D

RGBrgb(207, 48, 141)

HSLhsl(325, 62%, 50%)

HSVhsv(325, 77%, 81%)

OKLCHoklch(58.5% 0.21 350)

CMYKcmyk(0%, 77%, 32%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CF308D Complementary#30CF72 Analogous#C130CF Analogous#CF303E Triadic#8DCF30 Triadic#308DCF

Tints & Shades

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

Tints

#D54D9D #DC6AAD #E387BD #E9A0CA #EFBDDA #F6DAEA

Shades

#B22A79 #992468 #7C1D54 #631744 #461030 #2D0B1F

Use #CF308D in Our Tools

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