#F386B9

Vivid Rose

HEX

RGB

HSL

About #F386B9 Vivid Rose

#F386B9 is a vivid rose color. In the RGB color model, it is composed of 243 red, 134 green, and 185 blue. In the HSL color space, it has a hue of 332°, saturation of 82%, 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 & Gradients

Use #F386B9 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

332°

Hue

82%

Saturation

74%

Lightness

Vivid Rose

Color Harmonies

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

Accessibility

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

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

Color Conversion Table

Complete conversion of #F386B9 across different color formats.

FormatValue
HEX#F386B9
RGBrgb(243, 134, 185)
HSLhsl(332, 82%, 74%)
RGB Decimal243, 134, 185
RGB Percent95.3%, 52.5%, 72.5%
CMYK (approx.)0%, 45%, 24%, 5%

Related Palettes

12 palettes using #F386B9 or similar colors

#5C1FAD#CD41D7#E67FB9#F2BFC3
#581FAD#D531E8#E77EBD#F3BEC4
#5C1CB0#D835E4#EE77BA#F0C1C5
#531DAF#C63EDB#EA7BC1#F1C0C7
#8822C3#DE45D6#E779B4#F0ADB5
#8B22C3#DE45D4#E779B2#F0ADB3
#691AB2#DF39DC#E283B1#F4BEBE
#4E23A9#C03BDD#E87DC6#F4BDC7
#7522C3#D445DE#E779C1#F0ADBC
#FFDBA4#FFB4B4#FF8DC7#C689C6
#7322C3#D145DE#E779C2#F0ADBE
#EFB8E5#EC98C0#EEB9C1#E5AC9F