A pale, grayish purple named after the thistle flower, the national emblem of Scotland. It is a standard web color and suits vintage and cottage-style designs.
Thistle (#D8BFD8) is a balanced, light, muted color. It belongs to the purples family. It mixes 216 red, 191 green and 216 blue (out of 255). It is mostly used in web, vintage, cottage.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--thistle: #D8BFD8;
--thistle-rgb: 216, 191, 216;
}
.bg { background-color: var(--thistle); }
.text { color: var(--thistle); }The hex code for thistle is #D8BFD8. In RGB it is rgb(216, 191, 216), in HSL hsl(300, 24%, 80%) and in CMYK 0, 12, 0, 15.
Its complement on the color wheel is #BFD8BF, close to ash gray. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.7:1, while with black it is 12.4:1.