HEX Color #FF0F24 (Red)

About #FF0F24

When working with digital screens, the color #FF0F24 is rendered by mixing light. Its closest recognized web color is Red. This translates to an RGB value of rgb(255, 15, 36).

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 94% magenta inks. The HSL representation is 354.8° hue, 100.0% saturation, and 52.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#FF0F24

RGB255, 15, 36

HSL354.8°, 100.0%, 52.9%

CMYK0%, 94%, 86%, 0%

HSV354.8°, 94.1%, 100.0%

LAB53.7, 79.4, 55.7

XYZ41.7, 21.7, 3.7

Decimal16715556

Color Harmonies

Complementary

#FF0F24 #0FFEEA

Analogous

#FE0F9B #FE720F

Triadic

#23FE0F #0F23FE

Tetradic

#9BFE0F #0FFEEA #720FFE

Tints, Shades & Tones

Tints (Adding White)

#FF0F24

#FF293C

#FF4454

#FF5F6D

#FF7985

#FF949D

#FFAFB6

#FFC9CE

#FFE4E6

#FFFFFF

Shades (Adding Black)

#FF0F24

#E20D20

#C60B1C

#AA0A18

#8D0814

#710610

#55050C

#380308

#1C0104

#000000

WCAG Contrast Accessibility

3.93:1

Text on #FFFFFF

AA Large

5.35:1

Text on #000000

AA

3.75:1

Text on #F8FAFC

AA Large

4.54:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF0F24; }

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

Similar Colors

Red

#FF0000