#E686E0

Pink

HEX

RGB

HSL

About #E686E0 Pink

#E686E0 is a pink color. In the RGB color model, it is composed of 230 red, 134 green, and 224 blue. In the HSL color space, it has a hue of 304°, saturation of 66%, and lightness of 71%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

304°

Hue

66%

Saturation

71%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#E686E0 on White
Contrast Ratio2.37:1
AA AA Large AAA
Aa#E686E0 on Black
Contrast Ratio8.85:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E686E0 across different color formats.

FormatValue
HEX#E686E0
RGBrgb(230, 134, 224)
HSLhsl(304, 66%, 71%)
RGB Decimal230, 134, 224
RGB Percent90.2%, 52.5%, 87.8%
CMYK (approx.)0%, 42%, 3%, 10%

Related Palettes

12 palettes using #E686E0 or similar colors

#2B26A6#9144D5#E580E1#F1C1D7
#151BB7#8738E0#E37FE6#F4BEDB
#3425A7#9F3CDC#E184D6#F6BCD2
#3628A4#A037E2#E184D6#F1C1D3
#4126D9#A352E0#E67DE8#F0A8D3
#3E26D9#A052E0#E47DE8#F0A8D4
#3A27A5#A734E4#E67FD6#F4BED1
#4822C3#A845DE#E779E0#F0ADD0
#2917B5#A037E2#EB7ADE#F7BAD2
#4522C3#A645DE#E779E2#F0ADD1
#4B22C3#AB45DE#E779DE#F0ADCF
#4022C3#A145DE#E779E5#F0ADD3