HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#beb2d5
rgb(190, 178, 213)
hsl(261, 29%, 77%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f1eff6 | |
| 90% | #e3deed | |
| 85% | #d5cee4 | |
| 80% | #c8bddb | |
| 77% | #beb2d5 | |
| 75% | #baadd2 | |
| 70% | #ac9cc9 | |
| 65% | #9e8cc0 | |
| 60% | #907bb7 | |
| 55% | #826bae | |
| 50% | #745ba4 | |
| 45% | #695194 | |
| 40% | #5d4884 | |
| 35% | #513f73 | |
| 30% | #463663 | |
| 25% | #3a2d52 | |
| 20% | #2f2442 | |
| 15% | #231b31 | |
| 10% | #171221 | |
| 5% | #0c0910 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #d5b3b3 | rgb(213, 179, 179) | hsl(0, 29%, 77%) | |
| 15 | #d5bcb3 | rgb(213, 188, 179) | hsl(15, 29%, 77%) | |
| 30 | #d5c4b3 | rgb(213, 196, 179) | hsl(30, 29%, 77%) | |
| 45 | #d5cdb3 | rgb(213, 205, 179) | hsl(45, 29%, 77%) | |
| 60 | #d5d5b3 | rgb(213, 213, 179) | hsl(60, 29%, 77%) | |
| 75 | #cdd5b3 | rgb(205, 213, 179) | hsl(75, 29%, 77%) | |
| 90 | #c4d5b3 | rgb(196, 213, 179) | hsl(90, 29%, 77%) | |
| 105 | #bcd5b3 | rgb(188, 213, 179) | hsl(105, 29%, 77%) | |
| 120 | #b3d5b3 | rgb(179, 213, 179) | hsl(120, 29%, 77%) | |
| 135 | #b3d5bc | rgb(179, 213, 188) | hsl(135, 29%, 77%) | |
| 150 | #b3d5c4 | rgb(179, 213, 196) | hsl(150, 29%, 77%) | |
| 165 | #b3d5cd | rgb(179, 213, 205) | hsl(165, 29%, 77%) | |
| 180 | #b3d5d5 | rgb(179, 213, 213) | hsl(180, 29%, 77%) | |
| 195 | #b3cdd5 | rgb(179, 205, 213) | hsl(195, 29%, 77%) | |
| 210 | #b3c4d5 | rgb(179, 196, 213) | hsl(210, 29%, 77%) | |
| 225 | #b3bcd5 | rgb(179, 188, 213) | hsl(225, 29%, 77%) | |
| 240 | #b3b3d5 | rgb(179, 179, 213) | hsl(240, 29%, 77%) | |
| 255 | #bcb3d5 | rgb(188, 179, 213) | hsl(255, 29%, 77%) | |
| 261 | #beb2d5 | rgb(190, 178, 213) | hsl(261, 29%, 77%) | |
| 270 | #c4b3d5 | rgb(196, 179, 213) | hsl(270, 29%, 77%) | |
| 285 | #cdb3d5 | rgb(205, 179, 213) | hsl(285, 29%, 77%) | |
| 300 | #d5b3d5 | rgb(213, 179, 213) | hsl(300, 29%, 77%) | |
| 315 | #d5b3cd | rgb(213, 179, 205) | hsl(315, 29%, 77%) | |
| 330 | #d5b3c4 | rgb(213, 179, 196) | hsl(330, 29%, 77%) | |
| 345 | #d5b3bc | rgb(213, 179, 188) | hsl(345, 29%, 77%) | |
| 360 | #d5b3b3 | rgb(213, 179, 179) | hsl(0, 29%, 77%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #b38aff | rgb(179, 138, 255) | hsl(261, 100%, 77%) | |
| 95% | #b48dfc | rgb(180, 141, 252) | hsl(261, 95%, 77%) | |
| 90% | #b590f9 | rgb(181, 144, 249) | hsl(261, 90%, 77%) | |
| 85% | #b592f6 | rgb(181, 146, 246) | hsl(261, 85%, 77%) | |
| 80% | #b695f3 | rgb(182, 149, 243) | hsl(261, 80%, 77%) | |
| 75% | #b798f0 | rgb(183, 152, 240) | hsl(261, 75%, 77%) | |
| 70% | #b89bed | rgb(184, 155, 237) | hsl(261, 70%, 77%) | |
| 65% | #b99eea | rgb(185, 158, 234) | hsl(261, 65%, 77%) | |
| 60% | #baa1e8 | rgb(186, 161, 232) | hsl(261, 60%, 77%) | |
| 55% | #bba4e5 | rgb(187, 164, 229) | hsl(261, 55%, 77%) | |
| 50% | #bca7e2 | rgb(188, 167, 226) | hsl(261, 50%, 77%) | |
| 45% | #bcaadf | rgb(188, 170, 223) | hsl(261, 45%, 77%) | |
| 40% | #bdaddc | rgb(189, 173, 220) | hsl(261, 40%, 77%) | |
| 35% | #beb0d9 | rgb(190, 176, 217) | hsl(261, 35%, 77%) | |
| 30% | #bfb3d6 | rgb(191, 179, 214) | hsl(261, 30%, 77%) | |
| 29% | #beb2d5 | rgb(190, 178, 213) | hsl(261, 29%, 77%) | |
| 25% | #c0b6d3 | rgb(192, 182, 211) | hsl(261, 25%, 77%) | |
| 20% | #c1b9d0 | rgb(193, 185, 208) | hsl(261, 20%, 77%) | |
| 15% | #c2bccd | rgb(194, 188, 205) | hsl(261, 15%, 77%) | |
| 10% | #c3beca | rgb(195, 190, 202) | hsl(261, 10%, 77%) | |
| 5% | #c3c1c7 | rgb(195, 193, 199) | hsl(261, 5%, 77%) | |
| 0% | #c4c4c4 | rgb(196, 196, 196) | hsl(261, 0%, 77%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(261, 29%, 100%) | |
| 95% | #f1eff6 | rgb(241, 239, 246) | hsl(261, 29%, 95%) | |
| 90% | #e3deed | rgb(227, 222, 237) | hsl(261, 29%, 90%) | |
| 85% | #d5cee4 | rgb(213, 206, 228) | hsl(261, 29%, 85%) | |
| 80% | #c8bddb | rgb(200, 189, 219) | hsl(261, 29%, 80%) | |
| 77% | #beb2d5 | rgb(190, 178, 213) | hsl(261, 29%, 77%) | |
| 75% | #baadd2 | rgb(186, 173, 210) | hsl(261, 29%, 75%) | |
| 70% | #ac9cc9 | rgb(172, 156, 201) | hsl(261, 29%, 70%) | |
| 65% | #9e8cc0 | rgb(158, 140, 192) | hsl(261, 29%, 65%) | |
| 60% | #907bb7 | rgb(144, 123, 183) | hsl(261, 29%, 60%) | |
| 55% | #826bae | rgb(130, 107, 174) | hsl(261, 29%, 55%) | |
| 50% | #745ba4 | rgb(116, 91, 164) | hsl(261, 29%, 50%) | |
| 45% | #695194 | rgb(105, 81, 148) | hsl(261, 29%, 45%) | |
| 40% | #5d4884 | rgb(93, 72, 132) | hsl(261, 29%, 40%) | |
| 35% | #513f73 | rgb(81, 63, 115) | hsl(261, 29%, 35%) | |
| 30% | #463663 | rgb(70, 54, 99) | hsl(261, 29%, 30%) | |
| 25% | #3a2d52 | rgb(58, 45, 82) | hsl(261, 29%, 25%) | |
| 20% | #2f2442 | rgb(47, 36, 66) | hsl(261, 29%, 20%) | |
| 15% | #231b31 | rgb(35, 27, 49) | hsl(261, 29%, 15%) | |
| 10% | #171221 | rgb(23, 18, 33) | hsl(261, 29%, 10%) | |
| 5% | #0c0910 | rgb(12, 9, 16) | hsl(261, 29%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(261, 29%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 190 | 178 | 213 |
rgb(190, 178, 213)
#beb2d5
#beb2d5
