HEX Color #FF4957 (Crimson)

About #FF4957

The precise color #FF4957 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 73, and 87.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 71% magenta inks. With a hue angle of 355.4 degrees, it sits comfortably in the red spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FF4957

RGB255, 73, 87

HSL355.4°, 100.0%, 64.3%

CMYK0%, 71%, 66%, 0%

HSV355.4°, 71.4%, 100.0%

LAB58.7, 68.7, 33.5

XYZ45.3, 26.7, 11.8

Decimal16730455

Color Harmonies

Complementary

#FF4957 #48FFF1

Analogous

#FF48B1 #FF9648

Triadic

#56FF48 #4856FF

Tetradic

#B1FF48 #48FFF1 #9648FF

Tints, Shades & Tones

Tints (Adding White)

#FF4957

#FF5D69

#FF717C

#FF858F

#FF99A1

#FFAEB4

#FFC2C7

#FFD6D9

#FFEAEC

#FFFFFF

Shades (Adding Black)

#FF4957

#E2404D

#C63843

#AA303A

#8D2830

#712026

#55181D

#381013

#1C0809

#000000

WCAG Contrast Accessibility

3.31:1

Text on #FFFFFF

AA Large

6.34:1

Text on #000000

AA

3.16:1

Text on #F8FAFC

AA Large

5.39:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #FF4957; }

.text-color { color: #FF4957; }

.border-color { border: 2px solid #FF4957; }

Similar Colors

Crimson

#DC143C