HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6699ff
rgb(102, 153, 255)
hsl(220, 100%, 70%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #e6eeff | |
| 90% | #ccddff | |
| 85% | #b3ccff | |
| 80% | #99bbff | |
| 75% | #80aaff | |
| 70% | #6699ff | |
| 65% | #4d88ff | |
| 60% | #3377ff | |
| 55% | #1a66ff | |
| 50% | #0055ff | |
| 45% | #004de6 | |
| 40% | #0044cc | |
| 35% | #003cb3 | |
| 30% | #003399 | |
| 25% | #002b80 | |
| 20% | #002266 | |
| 15% | #001a4d | |
| 10% | #001133 | |
| 5% | #00091a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #ff6666 | rgb(255, 102, 102) | hsl(0, 100%, 70%) | |
| 15 | #ff8c66 | rgb(255, 140, 102) | hsl(15, 100%, 70%) | |
| 30 | #ffb366 | rgb(255, 179, 102) | hsl(30, 100%, 70%) | |
| 45 | #ffd966 | rgb(255, 217, 102) | hsl(45, 100%, 70%) | |
| 60 | #ffff66 | rgb(255, 255, 102) | hsl(60, 100%, 70%) | |
| 75 | #d9ff66 | rgb(217, 255, 102) | hsl(75, 100%, 70%) | |
| 90 | #b3ff66 | rgb(179, 255, 102) | hsl(90, 100%, 70%) | |
| 105 | #8cff66 | rgb(140, 255, 102) | hsl(105, 100%, 70%) | |
| 120 | #66ff66 | rgb(102, 255, 102) | hsl(120, 100%, 70%) | |
| 135 | #66ff8c | rgb(102, 255, 140) | hsl(135, 100%, 70%) | |
| 150 | #66ffb3 | rgb(102, 255, 179) | hsl(150, 100%, 70%) | |
| 165 | #66ffd9 | rgb(102, 255, 217) | hsl(165, 100%, 70%) | |
| 180 | #66ffff | rgb(102, 255, 255) | hsl(180, 100%, 70%) | |
| 195 | #66d9ff | rgb(102, 217, 255) | hsl(195, 100%, 70%) | |
| 210 | #66b3ff | rgb(102, 179, 255) | hsl(210, 100%, 70%) | |
| 220 | #6699ff | rgb(102, 153, 255) | hsl(220, 100%, 70%) | |
| 225 | #668cff | rgb(102, 140, 255) | hsl(225, 100%, 70%) | |
| 240 | #6666ff | rgb(102, 102, 255) | hsl(240, 100%, 70%) | |
| 255 | #8c66ff | rgb(140, 102, 255) | hsl(255, 100%, 70%) | |
| 270 | #b366ff | rgb(179, 102, 255) | hsl(270, 100%, 70%) | |
| 285 | #d966ff | rgb(217, 102, 255) | hsl(285, 100%, 70%) | |
| 300 | #ff66ff | rgb(255, 102, 255) | hsl(300, 100%, 70%) | |
| 315 | #ff66d9 | rgb(255, 102, 217) | hsl(315, 100%, 70%) | |
| 330 | #ff66b3 | rgb(255, 102, 179) | hsl(330, 100%, 70%) | |
| 345 | #ff668c | rgb(255, 102, 140) | hsl(345, 100%, 70%) | |
| 360 | #ff6666 | rgb(255, 102, 102) | hsl(0, 100%, 70%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #6699ff | rgb(102, 153, 255) | hsl(220, 100%, 70%) | |
| 95% | #6a9afb | rgb(106, 154, 251) | hsl(220, 95%, 70%) | |
| 90% | #6e9cf7 | rgb(110, 156, 247) | hsl(220, 90%, 70%) | |
| 85% | #719df4 | rgb(113, 157, 244) | hsl(220, 85%, 70%) | |
| 80% | #759ef0 | rgb(117, 158, 240) | hsl(220, 80%, 70%) | |
| 75% | #799fec | rgb(121, 159, 236) | hsl(220, 75%, 70%) | |
| 70% | #7da1e8 | rgb(125, 161, 232) | hsl(220, 70%, 70%) | |
| 65% | #81a2e4 | rgb(129, 162, 228) | hsl(220, 65%, 70%) | |
| 60% | #85a3e0 | rgb(133, 163, 224) | hsl(220, 60%, 70%) | |
| 55% | #88a4dd | rgb(136, 164, 221) | hsl(220, 55%, 70%) | |
| 50% | #8ca6d9 | rgb(140, 166, 217) | hsl(220, 50%, 70%) | |
| 45% | #90a7d5 | rgb(144, 167, 213) | hsl(220, 45%, 70%) | |
| 40% | #94a8d1 | rgb(148, 168, 209) | hsl(220, 40%, 70%) | |
| 35% | #98aacd | rgb(152, 170, 205) | hsl(220, 35%, 70%) | |
| 30% | #9cabc9 | rgb(156, 171, 201) | hsl(220, 30%, 70%) | |
| 25% | #9facc6 | rgb(159, 172, 198) | hsl(220, 25%, 70%) | |
| 20% | #a3adc2 | rgb(163, 173, 194) | hsl(220, 20%, 70%) | |
| 15% | #a7afbe | rgb(167, 175, 190) | hsl(220, 15%, 70%) | |
| 10% | #abb0ba | rgb(171, 176, 186) | hsl(220, 10%, 70%) | |
| 5% | #afb1b6 | rgb(175, 177, 182) | hsl(220, 5%, 70%) | |
| 0% | #b3b3b3 | rgb(179, 179, 179) | hsl(220, 0%, 70%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(220, 100%, 100%) | |
| 95% | #e6eeff | rgb(230, 238, 255) | hsl(220, 100%, 95%) | |
| 90% | #ccddff | rgb(204, 221, 255) | hsl(220, 100%, 90%) | |
| 85% | #b3ccff | rgb(179, 204, 255) | hsl(220, 100%, 85%) | |
| 80% | #99bbff | rgb(153, 187, 255) | hsl(220, 100%, 80%) | |
| 75% | #80aaff | rgb(128, 170, 255) | hsl(220, 100%, 75%) | |
| 70% | #6699ff | rgb(102, 153, 255) | hsl(220, 100%, 70%) | |
| 65% | #4d88ff | rgb(77, 136, 255) | hsl(220, 100%, 65%) | |
| 60% | #3377ff | rgb(51, 119, 255) | hsl(220, 100%, 60%) | |
| 55% | #1a66ff | rgb(26, 102, 255) | hsl(220, 100%, 55%) | |
| 50% | #0055ff | rgb(0, 85, 255) | hsl(220, 100%, 50%) | |
| 45% | #004de6 | rgb(0, 77, 230) | hsl(220, 100%, 45%) | |
| 40% | #0044cc | rgb(0, 68, 204) | hsl(220, 100%, 40%) | |
| 35% | #003cb3 | rgb(0, 60, 179) | hsl(220, 100%, 35%) | |
| 30% | #003399 | rgb(0, 51, 153) | hsl(220, 100%, 30%) | |
| 25% | #002b80 | rgb(0, 43, 128) | hsl(220, 100%, 25%) | |
| 20% | #002266 | rgb(0, 34, 102) | hsl(220, 100%, 20%) | |
| 15% | #001a4d | rgb(0, 26, 77) | hsl(220, 100%, 15%) | |
| 10% | #001133 | rgb(0, 17, 51) | hsl(220, 100%, 10%) | |
| 5% | #00091a | rgb(0, 9, 26) | hsl(220, 100%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(220, 100%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 102 | 153 | 255 |
rgb(102, 153, 255)
#6699ff
#6699ff
