#F80D4F

Vivid Rose

HEX

RGB

HSL

About #F80D4F Vivid Rose

#F80D4F is a vivid rose color. In the RGB color model, it is composed of 248 red, 13 green, and 79 blue. In the HSL color space, it has a hue of 343°, saturation of 94%, and lightness of 51%.

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 #F80D4F in your CSS, SCSS, or Tailwind projects.

Color Properties

343°

Hue

94%

Saturation

51%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

Aa#F80D4F on White
Contrast Ratio4.07:1
AA AA Large AAA
Aa#F80D4F on Black
Contrast Ratio5.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F80D4F across different color formats.

FormatValue
HEX#F80D4F
RGBrgb(248, 13, 79)
HSLhsl(343, 94%, 51%)
RGB Decimal248, 13, 79
RGB Percent97.3%, 5.1%, 31.0%
CMYK (approx.)0%, 95%, 68%, 3%

Related Palettes

12 palettes using #F80D4F or similar colors

#AE0BF4#FC03CA#F30C51#FD3402
#B213EC#F20DBD#F50A49#F5410A
#F10E4A#FD3C02#F1B40E#C2FC03
#F50AC6#F00F53#F13B0E#F5AF0A
#EF104F#EE4111#FAB505#C2F40B
#3D11EE#AE0CF3#F20DC4#EF1053
#3504FB#A919E6#F50AC6#ED1254
#F40BBA#ED1249#E64C19#F3B90C
#EC134D#F64009#F9B806#C1F906
#EC1351#F23F0D#F2B10D#C3F708
#A60DF2#F609CF#FD0256#EF3510
#BE0AF5#F807B8#F40B41#E65019