Soft purple Color — HEX, RGB, HSL & CMYK Codes

#a66fb5
Format Value
HEX #a66fb5
RGB rgb(166, 111, 181)
HSL hsl(287.1, 32.1%, 57.3%)
CMYK cmyk(8.3%, 38.7%, 0%, 29%)
HSV hsv(287.1, 38.7%, 71%)

soft purple color harmonies

Tints & shades of soft purple

Tints (lighter)

#ae7cbc #b689c2 #be96c9 #c6a3d0 #ceb0d7 #d7bedd #dfcbe4 #e7d8eb #efe5f2 #f7f2f8

Shades (darker)

#9765a5 #885b94 #795184 #6a4773 #5b3d63 #4b3252 #3c2842 #2d1e31 #1e1421 #0f0a10

Contrast & accessibility

The quick brown fox

On white · 3.78:1 · AA Large

The quick brown fox

On black · 5.56:1 · AA

Recommended text color: #000000

Use soft purple in code

CSS color: #a66fb5;
SCSS $color: #a66fb5;
Tailwind bg-[#a66fb5]
Swift UIColor(red: 0.651, green: 0.435, blue: 0.710, alpha: 1)
Android Color.parseColor("#a66fb5")
Flutter Color(0xFFA66FB5)

Colors similar to soft purple

Browse all Purple colors →

What is the HEX code for soft purple?

The CSS color soft purple in HEX format is #a66fb5. Use this value directly in CSS, SVG, and most design tools.

How do I use soft purple in CSS?

To apply soft purple in CSS:

  • Text color: color: #a66fb5;
  • Background: background-color: #a66fb5;
  • Border: border-color: #a66fb5;

What are all the color format values for soft purple?

FormatValue
HEX#a66fb5
RGBrgb(166, 111, 181)
HSLhsl(287.1, 32.1%, 57.3%)
CMYKcmyk(8.3%, 38.7%, 0%, 29%)

How do I convert soft purple to HEX?

Select soft purple from the color name list in our color converter. The HEX value — #a66fb5 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does soft purple belong to?

soft purple belongs to the purple color family. It is a medium, moderately saturated color with HSL values: hue 287.1°, saturation 32.1%, lightness 57.3%.

How do I create lighter and darker shades of soft purple?

Lighter variant (lightness 72.3%): #c5a2cf. Darker variant (lightness 42.3%): #80498e. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.