#F486B5

Vivid Rose

HEX

RGB

HSL

About #F486B5 Vivid Rose

#F486B5 is a vivid rose color. In the RGB color model, it is composed of 244 red, 134 green, and 181 blue. In the HSL color space, it has a hue of 334°, saturation of 83%, and lightness of 74%.

This color has a high lightness value, making it a light color suitable for backgrounds. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #F486B5 in your CSS, SCSS, or Tailwind projects.

Color Properties

334°

Hue

83%

Saturation

74%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

Aa#F486B5 on White
Contrast Ratio2.35:1
AA AA Large AAA
Aa#F486B5 on Black
Contrast Ratio8.92:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F486B5 across different color formats.

FormatValue
HEX#F486B5
RGBrgb(244, 134, 181)
HSLhsl(334, 83%, 74%)
RGB Decimal244, 134, 181
RGB Percent95.7%, 52.5%, 71.0%
CMYK (approx.)0%, 45%, 26%, 4%

Related Palettes

12 palettes using #F486B5 or similar colors

#5C1FAD#CD41D7#E67FB9#F2BFC3
#5C1CB0#D835E4#EE77BA#F0C1C5
#581FAD#D531E8#E77EBD#F3BEC4
#8822C3#DE45D6#E779B4#F0ADB5
#AC26D9#E052C9#E87DAA#F0A8A8
#7123A9#D742CA#E87DAA#F4C2BE
#8B22C3#DE45D4#E779B2#F0ADB3
#691AB2#DF39DC#E283B1#F4BEBE
#531DAF#C63EDB#EA7BC1#F1C0C7
#9022C3#DE45CF#E779AE#F0ADB1
#9822C3#DE45C7#E779A9#F0ADAE
#7522C3#D445DE#E779C1#F0ADBC