#C8284D Color

#C8284D is rgb(200, 40, 77) in RGB and hsl(346, 67%, 47%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#C8284D

HEX#C8284D

RGBrgb(200, 40, 77)

HSLhsl(346, 67%, 47%)

HSVhsv(346, 80%, 78%)

OKLCHoklch(54.8% 0.194 14.2)

CMYKcmyk(0%, 80%, 62%, 22%)

Text Contrast & Accessibility

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

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

TextBlack text3.87:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#C8284D Complementary#28C8A3 Analogous#C8289D Analogous#C85228 Triadic#4DC828 Triadic#284DC8

Tints & Shades

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

Tints

#D83B60 #DF5D7B #E57B94 #EB99AC #F1B7C4 #F7D9E0

Shades

#AF2343 #951D39 #7B1830 #5E1324 #440D1A #2B0810

Use #C8284D in Our Tools

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