#F50A31

Vivid Red

HEX

RGB

HSL

About #F50A31 Vivid Red

#F50A31 is a vivid red color. In the RGB color model, it is composed of 245 red, 10 green, and 49 blue. In the HSL color space, it has a hue of 350°, saturation of 92%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #F50A31 in your CSS, SCSS, or Tailwind projects.

Color Properties

350°

Hue

92%

Saturation

50%

Lightness

Vivid Red

Color Harmonies

Colors that work well with #F50A31 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #F50A31 against white and black backgrounds.

Aa#F50A31 on White
Contrast Ratio4.23:1
AA AA Large AAA
Aa#F50A31 on Black
Contrast Ratio4.97:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F50A31 across different color formats.

FormatValue
HEX#F50A31
RGBrgb(245, 10, 49)
HSLhsl(350, 92%, 50%)
RGB Decimal245, 10, 49
RGB Percent96.1%, 3.9%, 19.2%
CMYK (approx.)0%, 96%, 80%, 4%

Related Palettes

12 palettes using #F50A31 or similar colors

#F30CB2#F8073B#E95216#EABC15
#5E01FE#CE14EB#EE119D#F90626
#C505FA#F708B3#F10E3F#F54D0A
#BE0AF5#F807B8#F40B41#E65019
#FA0521#EB6614#F8DC07#9CFA05
#EB1426#EB6E14#F5E10A#95FE01
#97F91F#811FF9#1FF9EE#F91F2A
#F91F2A#1FF9EE#97F91F#811FF9
#811FF9#97F91F#F91F2A#1FF9EE
#731FF9#A6F91F#F91F39#1FF9E0
#851FF9#94F91F#F91F27#1FF9F2
#1FF9F2#F91F27#851FF9#94F91F