#F396FD

Light Pink

HEX

RGB

HSL

About #F396FD Light Pink

#F396FD is a light pink color. In the RGB color model, it is composed of 243 red, 150 green, and 253 blue. In the HSL color space, it has a hue of 294°, saturation of 96%, 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 #F396FD in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

294°

Hue

96%

Saturation

79%

Lightness

Light Pink

Color Harmonies

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

Accessibility

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

Aa#F396FD on White
Contrast Ratio1.98:1
AA AA Large AAA
Aa#F396FD on Black
Contrast Ratio10.59:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F396FD across different color formats.

FormatValue
HEX#F396FD
RGBrgb(243, 150, 253)
HSLhsl(294, 96%, 79%)
RGB Decimal243, 150, 253
RGB Percent95.3%, 58.8%, 99.2%
CMYK (approx.)4%, 41%, 0%, 1%

Related Palettes

12 palettes using #F396FD or similar colors

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