#F21855

Vivid Rose

HEX

RGB

HSL

About #F21855 Vivid Rose

#F21855 is a vivid rose color. In the RGB color model, it is composed of 242 red, 24 green, and 85 blue. In the HSL color space, it has a hue of 343°, saturation of 89%, and lightness of 52%.

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

Color Properties

343°

Hue

89%

Saturation

52%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

Aa#F21855 on White
Contrast Ratio4.17:1
AA AA Large AAA
Aa#F21855 on Black
Contrast Ratio5.04:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F21855 across different color formats.

FormatValue
HEX#F21855
RGBrgb(242, 24, 85)
HSLhsl(343, 89%, 52%)
RGB Decimal242, 24, 85
RGB Percent94.9%, 9.4%, 33.3%
CMYK (approx.)0%, 90%, 65%, 5%

Related Palettes

12 palettes using #F21855 or similar colors

#3504FB#A919E6#F50AC6#ED1254
#3D11EE#AE0CF3#F20DC4#EF1053
#EC1351#F23F0D#F2B10D#C3F708
#F50AC6#F00F53#F13B0E#F5AF0A
#1FF9C3#F91F56#561FF9#C3F91F
#561FF9#C3F91F#F91F56#1FF9C3
#A902FD#FA05D1#EE115B#EB3814
#BFF91F#591FF9#1FF9C6#F91F52
#F91F52#1FF9C6#BFF91F#591FF9
#591FF9#BFF91F#F91F52#1FF9C6
#EF104F#EE4111#FAB505#C2F40B
#1FF9BF#F91F59#521FF9#C6F91F