#FF505F

A light, vivid red closely aligning with Crimson.

About #FF505F

When working with digital screens, the color #FF505F is rendered by mixing light. It is closely associated with the named CSS color Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 80, and 95.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 69% Magenta, 63% Yellow, and 0% Black. With a hue angle of 354.9 degrees, it sits comfortably in the red spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#FF505F
RGB255, 80, 95
HSL354.9°, 100.0%, 65.7%
CMYK0%, 69%, 63%, 0%
HSV354.9°, 68.6%, 100.0%
LAB59.7, 66.6, 30.2
XYZ46.2, 27.8, 13.8
Decimal16732255

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.20:1
Text on #FFFFFF
AA Large
6.56:1
Text on #000000
AA
3.06:1
Text on #F8FAFC
AA Large
5.58:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #FF505F; }
.text-color { color: #FF505F; }
.border-color { border: 2px solid #FF505F; }

Similar Colors

Crimson
#DC143C