#E156DF Color

#E156DF is rgb(225, 86, 223) in RGB and hsl(301, 70%, 61%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#E156DF

HEX#E156DF

RGBrgb(225, 86, 223)

HSLhsl(301, 70%, 61%)

HSVhsv(301, 62%, 88%)

OKLCHoklch(68.4% 0.231 328.3)

CMYKcmyk(0%, 62%, 1%, 12%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #E156DF background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.18:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.6:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #E156DF based on color wheel relationships. Click any swatch for its full breakdown.

Base#E156DF Complementary#56E158 Analogous#9E56E1 Analogous#E15699 Triadic#DFE156 Triadic#56DFE1

Tints & Shades

Lighter tints and darker shades of #E156DF, useful for hover states, backgrounds, and text variants.

Tints

#E56CE3 #EA86E8 #ED9BEC #F1B1F0 #F5C7F4 #FAE1F9

Shades

#DB33D8 #C322C0 #A01C9E #791578 #570F56 #340933

Use #E156DF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex