PASTEL COLORS
The term pastel refers to a soft shade of color that is generally soothing to the eyes. Generally, pastel shades are obtained by mixing colors with white. You can use pastel colors to create subtle, modern, or sophisticated design elements.
A pastel color can be represented by either HSL, HXR, or RGB information. In order to get a random pastel color, we first generate a random color. Then we sature it a little and mix this color with white color. Combining these three steps, we get a random pastel color that you can then convert to your desired format such as HEX or RGB.
| COLOR | HEXA CODE | RGB CODE | HSL CODE |
|---|---|---|---|
|
|
#F7F6CF | rgb(247, 246, 207) | hsl(59, 71%, 89%) |
|
|
#B6D8F2 | rgb(182, 216, 242) | hsl(206, 70%, 83%) |
|
|
#F4CFDF | rgb(244, 207, 223) | hsl(334, 63%, 88%) |
|
|
#5784BA | rgb(87, 132, 186) | hsl(213, 42%, 54%) |
|
|
#9AC8EB | rgb(154, 200, 235) | hsl(206, 67%, 76%) |
|
|
#CCD4BF | rgb(204, 212, 191) | hsl(83, 20%, 79%) |
|
|
#E7CBA9 | rgb(231, 203, 169) | hsl(33, 56%, 78%) |
|
|
#EEBAB2 | rgb(238, 186, 178) | hsl(8, 64%, 82%) |
|
|
#F5F3E7 | rgb(245, 243, 231) | hsl(51, 41%, 93%) |
|
|
#F5E2E4 | rgb(245, 226, 228) | hsl(354, 49%, 92%) |
|
|
#F5BFD2 | rgb(245, 191, 210) | hsl(339, 73%, 85%) |
|
|
#E5DB9C | rgb(229, 219, 156) | hsl(52, 58%, 75%) |
|
|
#D0BCAC | rgb(208, 188, 172) | hsl(27, 28%, 75%) |
|
|
#BEB4C5 | rgb(190, 180, 197) | hsl(275, 13%, 74%) |
|
|
#E6A57E | rgb(230, 165, 126) | hsl(23, 68%, 70%) |
|
|
#218B82 | rgb(33, 139, 130) | hsl(175, 62%, 34%) |
|
|
#9AD9DB | rgb(154, 217, 219) | hsl(182, 47%, 73%) |
|
|
#E5DBD9 | rgb(229, 219, 217) | hsl(10, 19%, 87%) |
|
|
#98D4BB | rgb(152, 212, 187) | hsl(155, 41%, 71%) |
|
|
#EB96AA | rgb(235, 150, 170) | hsl(346, 68%, 75%) |
|
|
#C6C9D0 | rgb(198, 201, 208) | hsl(222, 10%, 80%) |
|
|
#C54B6C | rgb(197, 75, 108) | hsl(344, 51%, 53%) |
|
|
#E5B3BB | rgb(229, 179, 187) | hsl(350, 49%, 80%) |
|
|
#C47482 | rgb(196, 116, 130) | hsl(350, 40%, 61%) |
|
|
#F9968B | rgb(249, 150, 139) | hsl(6, 90%, 76%) |
|
|
#F27348 | rgb(242, 115, 72) | hsl(15, 87%, 62%) |
|
|
#26474E | rgb(38, 71, 78) | hsl(191, 34%, 23%) |
|
|
#76CDCD | rgb(118, 205, 205) | hsl(180, 47%, 63%) |
|
|
#37667E | rgb(55, 102, 126) | hsl(200, 39%, 35%) |
|
|
#7B92AA | rgb(123, 146, 170) | hsl(211, 22%, 57%) |
|
|
#E4CEE0 | rgb(228, 206, 224) | hsl(311, 29%, 85%) |
|
|
#A15D98 | rgb(161, 93, 152) | hsl(308, 27%, 50%) |
|
|
#DC828F | rgb(220, 130, 143) | hsl(351, 56%, 69%) |
|
|
#F7CE76 | rgb(247, 206, 118) | hsl(41, 89%, 72%) |
|
|
#8C7386 | rgb(140, 115, 134) | hsl(314, 10%, 50%) |
|
|
#9C9359 | rgb(156, 147, 89) | hsl(52, 27%, 48%) |
|
|
#A57283 | rgb(165, 114, 131) | hsl(340, 22%, 55%) |
|
|
#E8D595 | rgb(232, 213, 149) | hsl(46, 64%, 75%) |