HEX Color #F01D33 (Crimson)

About #F01D33

The precise color #F01D33 is an excellent choice for modern design projects. Its closest recognized web color is Crimson. Its digital footprint relies on 240 parts red, 29 parts green, and 51 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 88% magenta inks. The HSL representation is 353.7° hue, 87.6% saturation, and 52.7% lightness.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F01D33

RGB240, 29, 51

HSL353.7°, 87.6%, 52.7%

CMYK0%, 88%, 79%, 6%

HSV353.7°, 87.9%, 94.1%

LAB51.4, 74.3, 44.8

XYZ37.0, 19.6, 5.0

Decimal15736115

Color Harmonies

Complementary

#F01D33 #1DEFD9

Analogous

#EF1D9C #EF701D

Triadic

#33EF1D #1D33EF

Tetradic

#9CEF1D #1DEFD9 #701DEF

Tints, Shades & Tones

Tints (Adding White)

#F01D33

#F13649

#F34F60

#F56877

#F6818D

#F89AA4

#FAB3BB

#FBCCD1

#FDE5E8

#FFFFFF

Shades (Adding Black)

#F01D33

#D5192D

#BA1627

#A01322

#85101C

#6A0C16

#500911

#35060B

#1A0305

#000000

WCAG Contrast Accessibility

4.26:1

Text on #FFFFFF

AA Large

4.93:1

Text on #000000

AA

4.07:1

Text on #F8FAFC

AA Large

4.19:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F01D33; }

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

Similar Colors

Crimson

#DC143C