#d551b2 Color Tints and Shades

Copy lighter or darker colors based on #d551b2, a color in the sRGB color space that can also be expressed with rgb(213, 81, 178) or hsl(316, 61%, 58%) in CSS.

Relative distance from base color Hex code Lightness value
+13 #fff 100%
+12 #fdf5fb 98%
+11 #f9e7f5 94%
+10 #f6daef 91%
+9 #f3cce8 88%
+8 #efbee2 84%
+7 #ecb1dc 81%
+6 #e9a3d6 78%
+5 #e695d0 74%
+4 #e288ca 71%
+3 #df7ac4 68%
+2 #dc6cbe 64%
+1 #d85fb8 61%
0 #d551b2 58%
-1 #d243ac 54%
-2 #ce36a6 51%
-3 #c42f9c 48%
-4 #b62c91 44%
-5 #a82987 41%
-6 #9b257c 38%
-7 #8d2271 34%
-8 #7f1f66 31%
-9 #721b5b 28%
-10 #641850 24%
-11 #561545 21%
-12 #49123a 18%
-13 #3b0e2f 14%
-14 #2d0b24 11%
-15 #200819 8%
-16 #12040e 4%
-17 #040103 1%
-18 #000 0%

Click to copy