HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6a6cdd
rgb(106, 108, 221)
hsl(239, 63%, 64%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #eaeafa | |
| 90% | #d5d6f6 | |
| 85% | #c1c1f1 | |
| 80% | #acadec | |
| 75% | #9798e7 | |
| 70% | #8284e3 | |
| 65% | #6e6fde | |
| 64% | #6a6cdd | |
| 60% | #595bd9 | |
| 55% | #4446d5 | |
| 50% | #2f32d0 | |
| 45% | #2a2dbb | |
| 40% | #2628a6 | |
| 35% | #212391 | |
| 30% | #1c1e7d | |
| 25% | #181968 | |
| 20% | #131453 | |
| 15% | #0e0f3e | |
| 10% | #090a2a | |
| 5% | #050515 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #dd6969 | rgb(221, 105, 105) | hsl(0, 63%, 64%) | |
| 15 | #dd8669 | rgb(221, 134, 105) | hsl(15, 63%, 64%) | |
| 30 | #dda369 | rgb(221, 163, 105) | hsl(30, 63%, 64%) | |
| 45 | #ddc069 | rgb(221, 192, 105) | hsl(45, 63%, 64%) | |
| 60 | #dddd69 | rgb(221, 221, 105) | hsl(60, 63%, 64%) | |
| 75 | #c0dd69 | rgb(192, 221, 105) | hsl(75, 63%, 64%) | |
| 90 | #a3dd69 | rgb(163, 221, 105) | hsl(90, 63%, 64%) | |
| 105 | #86dd69 | rgb(134, 221, 105) | hsl(105, 63%, 64%) | |
| 120 | #69dd69 | rgb(105, 221, 105) | hsl(120, 63%, 64%) | |
| 135 | #69dd86 | rgb(105, 221, 134) | hsl(135, 63%, 64%) | |
| 150 | #69dda3 | rgb(105, 221, 163) | hsl(150, 63%, 64%) | |
| 165 | #69ddc0 | rgb(105, 221, 192) | hsl(165, 63%, 64%) | |
| 180 | #69dddd | rgb(105, 221, 221) | hsl(180, 63%, 64%) | |
| 195 | #69c0dd | rgb(105, 192, 221) | hsl(195, 63%, 64%) | |
| 210 | #69a3dd | rgb(105, 163, 221) | hsl(210, 63%, 64%) | |
| 225 | #6986dd | rgb(105, 134, 221) | hsl(225, 63%, 64%) | |
| 239 | #6a6cdd | rgb(106, 108, 221) | hsl(239, 63%, 64%) | |
| 240 | #6969dd | rgb(105, 105, 221) | hsl(240, 63%, 64%) | |
| 255 | #8669dd | rgb(134, 105, 221) | hsl(255, 63%, 64%) | |
| 270 | #a369dd | rgb(163, 105, 221) | hsl(270, 63%, 64%) | |
| 285 | #c069dd | rgb(192, 105, 221) | hsl(285, 63%, 64%) | |
| 300 | #dd69dd | rgb(221, 105, 221) | hsl(300, 63%, 64%) | |
| 315 | #dd69c0 | rgb(221, 105, 192) | hsl(315, 63%, 64%) | |
| 330 | #dd69a3 | rgb(221, 105, 163) | hsl(330, 63%, 64%) | |
| 345 | #dd6986 | rgb(221, 105, 134) | hsl(345, 63%, 64%) | |
| 360 | #dd6969 | rgb(221, 105, 105) | hsl(0, 63%, 64%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #474aff | rgb(71, 74, 255) | hsl(239, 100%, 64%) | |
| 95% | #4c4ffa | rgb(76, 79, 250) | hsl(239, 95%, 64%) | |
| 90% | #5153f6 | rgb(81, 83, 246) | hsl(239, 90%, 64%) | |
| 85% | #5558f1 | rgb(85, 88, 241) | hsl(239, 85%, 64%) | |
| 80% | #5a5ced | rgb(90, 92, 237) | hsl(239, 80%, 64%) | |
| 75% | #5e61e8 | rgb(94, 97, 232) | hsl(239, 75%, 64%) | |
| 70% | #6365e3 | rgb(99, 101, 227) | hsl(239, 70%, 64%) | |
| 65% | #686adf | rgb(104, 106, 223) | hsl(239, 65%, 64%) | |
| 63% | #6a6cdd | rgb(106, 108, 221) | hsl(239, 63%, 64%) | |
| 60% | #6c6eda | rgb(108, 110, 218) | hsl(239, 60%, 64%) | |
| 55% | #7172d6 | rgb(113, 114, 214) | hsl(239, 55%, 64%) | |
| 50% | #7577d1 | rgb(117, 119, 209) | hsl(239, 50%, 64%) | |
| 45% | #7a7bcd | rgb(122, 123, 205) | hsl(239, 45%, 64%) | |
| 40% | #7e80c8 | rgb(126, 128, 200) | hsl(239, 40%, 64%) | |
| 35% | #8384c3 | rgb(131, 132, 195) | hsl(239, 35%, 64%) | |
| 30% | #8889bf | rgb(136, 137, 191) | hsl(239, 30%, 64%) | |
| 25% | #8c8dba | rgb(140, 141, 186) | hsl(239, 25%, 64%) | |
| 20% | #9191b6 | rgb(145, 145, 182) | hsl(239, 20%, 64%) | |
| 15% | #9596b1 | rgb(149, 150, 177) | hsl(239, 15%, 64%) | |
| 10% | #9a9aac | rgb(154, 154, 172) | hsl(239, 10%, 64%) | |
| 5% | #9f9fa8 | rgb(159, 159, 168) | hsl(239, 5%, 64%) | |
| 0% | #a3a3a3 | rgb(163, 163, 163) | hsl(239, 0%, 64%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(239, 63%, 100%) | |
| 95% | #eaeafa | rgb(234, 234, 250) | hsl(239, 63%, 95%) | |
| 90% | #d5d6f6 | rgb(213, 214, 246) | hsl(239, 63%, 90%) | |
| 85% | #c1c1f1 | rgb(193, 193, 241) | hsl(239, 63%, 85%) | |
| 80% | #acadec | rgb(172, 173, 236) | hsl(239, 63%, 80%) | |
| 75% | #9798e7 | rgb(151, 152, 231) | hsl(239, 63%, 75%) | |
| 70% | #8284e3 | rgb(130, 132, 227) | hsl(239, 63%, 70%) | |
| 65% | #6e6fde | rgb(110, 111, 222) | hsl(239, 63%, 65%) | |
| 64% | #6a6cdd | rgb(106, 108, 221) | hsl(239, 63%, 64%) | |
| 60% | #595bd9 | rgb(89, 91, 217) | hsl(239, 63%, 60%) | |
| 55% | #4446d5 | rgb(68, 70, 213) | hsl(239, 63%, 55%) | |
| 50% | #2f32d0 | rgb(47, 50, 208) | hsl(239, 63%, 50%) | |
| 45% | #2a2dbb | rgb(42, 45, 187) | hsl(239, 63%, 45%) | |
| 40% | #2628a6 | rgb(38, 40, 166) | hsl(239, 63%, 40%) | |
| 35% | #212391 | rgb(33, 35, 145) | hsl(239, 63%, 35%) | |
| 30% | #1c1e7d | rgb(28, 30, 125) | hsl(239, 63%, 30%) | |
| 25% | #181968 | rgb(24, 25, 104) | hsl(239, 63%, 25%) | |
| 20% | #131453 | rgb(19, 20, 83) | hsl(239, 63%, 20%) | |
| 15% | #0e0f3e | rgb(14, 15, 62) | hsl(239, 63%, 15%) | |
| 10% | #090a2a | rgb(9, 10, 42) | hsl(239, 63%, 10%) | |
| 5% | #050515 | rgb(5, 5, 21) | hsl(239, 63%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(239, 63%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 106 | 108 | 221 |
rgb(106, 108, 221)
#6a6cdd
#6a6cdd
