#AF5DDF Color

#AF5DDF is rgb(175, 93, 223) in RGB and hsl(278, 67%, 62%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#AF5DDF

HEX#AF5DDF

RGBrgb(175, 93, 223)

HSLhsl(278, 67%, 62%)

HSVhsv(278, 58%, 87%)

OKLCHoklch(63% 0.198 311.1)

CMYKcmyk(22%, 58%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text5.45:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF5DDF Complementary#8DDF5D Analogous#6E5DDF Analogous#DF5DCE Triadic#DFAF5D Triadic#5DDFAF

Tints & Shades

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

Tints

#BA72E3 #C488E7 #CF9DEC #DBB7F1 #E6CCF5 #F0E1F9

Shades

#9F3BD8 #8726C0 #6F1F9E #57187B #3F1259 #240A33

Use #AF5DDF in Our Tools

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