HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#603cba
rgb(96, 60, 186)
hsl(257, 51%, 48%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #efecf9 | |
| 90% | #e0d8f3 | |
| 85% | #d0c5ec | |
| 80% | #c1b2e6 | |
| 75% | #b19fe0 | |
| 70% | #a28bda | |
| 65% | #9278d3 | |
| 60% | #8265cd | |
| 55% | #7352c7 | |
| 50% | #633ec1 | |
| 48% | #603cba | |
| 45% | #5938ad | |
| 40% | #4f329a | |
| 35% | #462c87 | |
| 30% | #3c2574 | |
| 25% | #321f60 | |
| 20% | #28194d | |
| 15% | #1e133a | |
| 10% | #140c27 | |
| 5% | #0a0613 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #b93c3c | rgb(185, 60, 60) | hsl(0, 51%, 48%) | |
| 15 | #b95b3c | rgb(185, 91, 60) | hsl(15, 51%, 48%) | |
| 30 | #b97a3c | rgb(185, 122, 60) | hsl(30, 51%, 48%) | |
| 45 | #b99a3c | rgb(185, 154, 60) | hsl(45, 51%, 48%) | |
| 60 | #b9b93c | rgb(185, 185, 60) | hsl(60, 51%, 48%) | |
| 75 | #9ab93c | rgb(154, 185, 60) | hsl(75, 51%, 48%) | |
| 90 | #7ab93c | rgb(122, 185, 60) | hsl(90, 51%, 48%) | |
| 105 | #5bb93c | rgb(91, 185, 60) | hsl(105, 51%, 48%) | |
| 120 | #3cb93c | rgb(60, 185, 60) | hsl(120, 51%, 48%) | |
| 135 | #3cb95b | rgb(60, 185, 91) | hsl(135, 51%, 48%) | |
| 150 | #3cb97a | rgb(60, 185, 122) | hsl(150, 51%, 48%) | |
| 165 | #3cb99a | rgb(60, 185, 154) | hsl(165, 51%, 48%) | |
| 180 | #3cb9b9 | rgb(60, 185, 185) | hsl(180, 51%, 48%) | |
| 195 | #3c9ab9 | rgb(60, 154, 185) | hsl(195, 51%, 48%) | |
| 210 | #3c7ab9 | rgb(60, 122, 185) | hsl(210, 51%, 48%) | |
| 225 | #3c5bb9 | rgb(60, 91, 185) | hsl(225, 51%, 48%) | |
| 240 | #3c3cb9 | rgb(60, 60, 185) | hsl(240, 51%, 48%) | |
| 255 | #5b3cb9 | rgb(91, 60, 185) | hsl(255, 51%, 48%) | |
| 257 | #603cba | rgb(96, 60, 186) | hsl(257, 51%, 48%) | |
| 270 | #7a3cb9 | rgb(122, 60, 185) | hsl(270, 51%, 48%) | |
| 285 | #9a3cb9 | rgb(154, 60, 185) | hsl(285, 51%, 48%) | |
| 300 | #b93cb9 | rgb(185, 60, 185) | hsl(300, 51%, 48%) | |
| 315 | #b93c9a | rgb(185, 60, 154) | hsl(315, 51%, 48%) | |
| 330 | #b93c7a | rgb(185, 60, 122) | hsl(330, 51%, 48%) | |
| 345 | #b93c5b | rgb(185, 60, 91) | hsl(345, 51%, 48%) | |
| 360 | #b93c3c | rgb(185, 60, 60) | hsl(0, 51%, 48%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #4500f5 | rgb(69, 0, 245) | hsl(257, 100%, 48%) | |
| 95% | #4806ef | rgb(72, 6, 239) | hsl(257, 95%, 48%) | |
| 90% | #4b0ce9 | rgb(75, 12, 233) | hsl(257, 90%, 48%) | |
| 85% | #4d12e2 | rgb(77, 18, 226) | hsl(257, 85%, 48%) | |
| 80% | #5018dc | rgb(80, 24, 220) | hsl(257, 80%, 48%) | |
| 75% | #531fd6 | rgb(83, 31, 214) | hsl(257, 75%, 48%) | |
| 70% | #5525d0 | rgb(85, 37, 208) | hsl(257, 70%, 48%) | |
| 65% | #582bca | rgb(88, 43, 202) | hsl(257, 65%, 48%) | |
| 60% | #5b31c4 | rgb(91, 49, 196) | hsl(257, 60%, 48%) | |
| 55% | #5d37be | rgb(93, 55, 190) | hsl(257, 55%, 48%) | |
| 51% | #603cba | rgb(96, 60, 186) | hsl(257, 51%, 48%) | |
| 50% | #603db8 | rgb(96, 61, 184) | hsl(257, 50%, 48%) | |
| 45% | #6343b1 | rgb(99, 67, 177) | hsl(257, 45%, 48%) | |
| 40% | #6549ab | rgb(101, 73, 171) | hsl(257, 40%, 48%) | |
| 35% | #6850a5 | rgb(104, 80, 165) | hsl(257, 35%, 48%) | |
| 30% | #6a569f | rgb(106, 86, 159) | hsl(257, 30%, 48%) | |
| 25% | #6d5c99 | rgb(109, 92, 153) | hsl(257, 25%, 48%) | |
| 20% | #706293 | rgb(112, 98, 147) | hsl(257, 20%, 48%) | |
| 15% | #72688d | rgb(114, 104, 141) | hsl(257, 15%, 48%) | |
| 10% | #756e87 | rgb(117, 110, 135) | hsl(257, 10%, 48%) | |
| 5% | #787481 | rgb(120, 116, 129) | hsl(257, 5%, 48%) | |
| 0% | #7a7a7a | rgb(122, 122, 122) | hsl(257, 0%, 48%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(257, 51%, 100%) | |
| 95% | #efecf9 | rgb(239, 236, 249) | hsl(257, 51%, 95%) | |
| 90% | #e0d8f3 | rgb(224, 216, 243) | hsl(257, 51%, 90%) | |
| 85% | #d0c5ec | rgb(208, 197, 236) | hsl(257, 51%, 85%) | |
| 80% | #c1b2e6 | rgb(193, 178, 230) | hsl(257, 51%, 80%) | |
| 75% | #b19fe0 | rgb(177, 159, 224) | hsl(257, 51%, 75%) | |
| 70% | #a28bda | rgb(162, 139, 218) | hsl(257, 51%, 70%) | |
| 65% | #9278d3 | rgb(146, 120, 211) | hsl(257, 51%, 65%) | |
| 60% | #8265cd | rgb(130, 101, 205) | hsl(257, 51%, 60%) | |
| 55% | #7352c7 | rgb(115, 82, 199) | hsl(257, 51%, 55%) | |
| 50% | #633ec1 | rgb(99, 62, 193) | hsl(257, 51%, 50%) | |
| 48% | #603cba | rgb(96, 60, 186) | hsl(257, 51%, 48%) | |
| 45% | #5938ad | rgb(89, 56, 173) | hsl(257, 51%, 45%) | |
| 40% | #4f329a | rgb(79, 50, 154) | hsl(257, 51%, 40%) | |
| 35% | #462c87 | rgb(70, 44, 135) | hsl(257, 51%, 35%) | |
| 30% | #3c2574 | rgb(60, 37, 116) | hsl(257, 51%, 30%) | |
| 25% | #321f60 | rgb(50, 31, 96) | hsl(257, 51%, 25%) | |
| 20% | #28194d | rgb(40, 25, 77) | hsl(257, 51%, 20%) | |
| 15% | #1e133a | rgb(30, 19, 58) | hsl(257, 51%, 15%) | |
| 10% | #140c27 | rgb(20, 12, 39) | hsl(257, 51%, 10%) | |
| 5% | #0a0613 | rgb(10, 6, 19) | hsl(257, 51%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(257, 51%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 96 | 60 | 186 |
rgb(96, 60, 186)
#603cba
#603cba
