HTML named color
Purple color code
Use the Purple HTML color with HEX #800080, RGB 128,0,128 and HSL 300,100%,25%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#800080
rgb(128,0,128)
HEX
#800080RGB
rgb(128,0,128)HSL
hsl(300,100%,25%)OKLCH
oklch(42.1% 0.193 328.4)CSS name
purpleHow to use this color
Purple can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-purple {
color: #800080;
}
.bg-purple {
background-color: purple;
}
.border-purple {
border-color: rgb(128,0,128);
}Shades palette
#330033#740274#B706B7#F40BF4#F44EF4#F692F6#FAD1FA