#F30C51

Vivid Rose

HEX

RGB

HSL

About #F30C51 Vivid Rose

#F30C51 is a vivid rose color. In the RGB color model, it is composed of 243 red, 12 green, and 81 blue. In the HSL color space, it has a hue of 342°, saturation of 91%, 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 #F30C51 in your CSS, SCSS, or Tailwind projects.

Color Properties

342°

Hue

91%

Saturation

50%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

Aa#F30C51 on White
Contrast Ratio4.21:1
AA AA Large AAA
Aa#F30C51 on Black
Contrast Ratio4.98:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F30C51 across different color formats.

FormatValue
HEX#F30C51
RGBrgb(243, 12, 81)
HSLhsl(342, 91%, 50%)
RGB Decimal243, 12, 81
RGB Percent95.3%, 4.7%, 31.8%
CMYK (approx.)0%, 95%, 67%, 5%

Related Palettes

12 palettes using #F30C51 or similar colors

#AE0BF4#FC03CA#F30C51#FD3402
#F50AC6#F00F53#F13B0E#F5AF0A
#3D11EE#AE0CF3#F20DC4#EF1053
#EF104F#EE4111#FAB505#C2F40B
#F10E4A#FD3C02#F1B40E#C2FC03
#B213EC#F20DBD#F50A49#F5410A
#3504FB#A919E6#F50AC6#ED1254
#EC1351#F23F0D#F2B10D#C3F708
#EC134D#F64009#F9B806#C1F906
#F40BBA#ED1249#E64C19#F3B90C
#A902FD#FA05D1#EE115B#EB3814
#BB01FE#EC13BA#EA154E#EB4614