#F396FF

Light Pink

HEX

RGB

HSL

About #F396FF Light Pink

#F396FF is a light pink color. In the RGB color model, it is composed of 243 red, 150 green, and 255 blue. In the HSL color space, it has a hue of 293°, saturation of 100%, and lightness of 79%.

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

Beautiful Gradients

Color Properties

293°

Hue

100%

Saturation

79%

Lightness

Light Pink

Color Harmonies

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

Accessibility

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

Aa#F396FF on White
Contrast Ratio1.98:1
AA AA Large AAA
Aa#F396FF on Black
Contrast Ratio10.62:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F396FF across different color formats.

FormatValue
HEX#F396FF
RGBrgb(243, 150, 255)
HSLhsl(293, 100%, 79%)
RGB Decimal243, 150, 255
RGB Percent95.3%, 58.8%, 100.0%
CMYK (approx.)5%, 41%, 0%, 0%

Related Palettes

12 palettes using #F396FF or similar colors

#B4B6EB#BFAEE5#D5A9EE#EA9CED
#C1A6EB#D2A1E5#EDA1E9#EDBDDA
#264DD9#6E52E0#BF7DE8#F0A8ED
#BDBBF2#BCA1EB#E1BAF2#EDA5EB
#DDB7ED#EB9EE7#E4ACCF#EAB9C7
#2250C3#5945DE#B579E7#EEADF0
#2248C3#6145DE#BB79E7#F0ADEF
#2255C3#5445DE#B279E7#ECADF0
#C4A0E0#E3A4EC#E2A2D4#F0B6D0
#2240C3#6845DE#C179E7#F0ADEC
#2263C3#4745DE#A979E7#E6ADF0
#B9B0E6#D4BDEB#DFA2EB#E79FDB