#F02836

Vivid Red

HEX

RGB

HSL

About #F02836 Vivid Red

#F02836 is a vivid red color. In the RGB color model, it is composed of 240 red, 40 green, and 54 blue. In the HSL color space, it has a hue of 356°, saturation of 87%, and lightness of 55%.

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 & Gradients

Use #F02836 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

356°

Hue

87%

Saturation

55%

Lightness

Vivid Red

Color Harmonies

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

Accessibility

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

Aa#F02836 on White
Contrast Ratio4.15:1
AA AA Large AAA
Aa#F02836 on Black
Contrast Ratio5.06:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F02836 across different color formats.

FormatValue
HEX#F02836
RGBrgb(240, 40, 54)
HSLhsl(356, 87%, 55%)
RGB Decimal240, 40, 54
RGB Percent94.1%, 15.7%, 21.2%
CMYK (approx.)0%, 83%, 78%, 6%

Related Palettes

12 palettes using #F02836 or similar colors

#A8246D#E8313A#EEAD77#F4F2BD
#1FF9E3#F91F35#761FF9#A2F91F
#731FF9#A6F91F#F91F39#1FF9E0
#A6F91F#731FF9#1FF9E0#F91F39
#6F1FF9#A9F91F#F91F3C#1FF9DC
#25F4D5#F42544#6D25F4#ABF425
#9BF91F#7E1FF9#1FF9EB#F91F2E
#6C1FF9#ADF91F#F91F40#1FF9D9
#F91F40#1FF9D9#ADF91F#6C1FF9
#A42864#E73532#ECB479#F3F4BD
#97F91F#811FF9#1FF9EE#F91F2A
#F91F2A#1FF9EE#97F91F#811FF9