HEX Color #F0075F (Crimson)

About #F0075F

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

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 97% Magenta, 60% Yellow, and 6% Black. The HSL representation is 337.3° hue, 94.3% saturation, and 48.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#F0075F

RGB240, 7, 95

HSL337.3°, 94.3%, 48.4%

CMYK0%, 97%, 60%, 6%

HSV337.3°, 97.1%, 94.1%

LAB51.3, 78.6, 18.6

XYZ38.1, 19.5, 12.6

Decimal15730527

Color Harmonies

Complementary

#F0075F #06F098

Analogous

#F006D3 #F02306

Triadic

#5EF006 #065EF0

Tetradic

#D3F006 #06F098 #2306F0

Tints, Shades & Tones

Tints (Adding White)

#F0075F

#F12270

#F33E82

#F55994

#F675A6

#F890B7

#FAACC9

#FBC7DB

#FDE3ED

#FFFFFF

Shades (Adding Black)

#F0075F

#D50654

#BA0549

#A0043F

#850334

#6A032A

#50021F

#350115

#1A000A

#000000

WCAG Contrast Accessibility

4.29:1

Text on #FFFFFF

AA Large

4.90:1

Text on #000000

AA

4.10:1

Text on #F8FAFC

AA Large

4.17:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F0075F; }

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

Similar Colors

Crimson

#DC143C