#F03E97

Vivid Rose

HEX

RGB

HSL

About #F03E97 Vivid Rose

#F03E97 is a vivid rose color. In the RGB color model, it is composed of 240 red, 62 green, and 151 blue. In the HSL color space, it has a hue of 330°, saturation of 86%, and lightness of 59%.

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 #F03E97 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

330°

Hue

86%

Saturation

59%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

Aa#F03E97 on White
Contrast Ratio3.6:1
AA AA Large AAA
Aa#F03E97 on Black
Contrast Ratio5.84:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F03E97 across different color formats.

FormatValue
HEX#F03E97
RGBrgb(240, 62, 151)
HSLhsl(330, 86%, 59%)
RGB Decimal240, 62, 151
RGB Percent94.1%, 24.3%, 59.2%
CMYK (approx.)0%, 74%, 37%, 6%

Related Palettes

12 palettes using #F03E97 or similar colors

#4796EB#EB4796#96EB47#BAD8F7
#99EB47#4799EB#EB4799#D9F7BA
#EB4799#99EB47#4799EB#F7BAD9
#479CEB#EB479C#9CEB47#BADAF7
#EB4791#91EB47#4791EB#F7BAD6
#9EEB47#479EEB#EB479E#DBF7BA
#47A1EB#EB47A1#A1EB47#BADCF7
#EB478B#8BEB47#478BEB#F7BAD4
#EB47A4#A4EB47#47A4EB#F7BADD
#47A4EB#EB47A4#A4EB47#BADDF7
#A4EB47#47A4EB#EB47A4#DDF7BA
#4789EB#EB4789#89EB47#BAD3F7