HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
MediumBlue
#0000cd
rgb(0, 0, 205)
hsl(240, 100%, 40%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #e6e6ff | |
| 90% | #ccccff | |
| 85% | #b3b3ff | |
| 80% | #9999ff | |
| 75% | #8080ff | |
| 70% | #6666ff | |
| 65% | #4d4dff | |
| 60% | #3333ff | |
| 55% | #1a1aff | |
| 50% | #0000ff | |
| 45% | #0000e6 | |
| 40% | #0000cd | |
| 35% | #0000b3 | |
| 30% | #000099 | |
| 25% | #000080 | |
| 20% | #000066 | |
| 15% | #00004d | |
| 10% | #000033 | |
| 5% | #00001a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #cc0000 | rgb(204, 0, 0) | hsl(0, 100%, 40%) | |
| 15 | #cc3300 | rgb(204, 51, 0) | hsl(15, 100%, 40%) | |
| 30 | #cc6600 | rgb(204, 102, 0) | hsl(30, 100%, 40%) | |
| 45 | #cc9900 | rgb(204, 153, 0) | hsl(45, 100%, 40%) | |
| 60 | #cccc00 | rgb(204, 204, 0) | hsl(60, 100%, 40%) | |
| 75 | #99cc00 | rgb(153, 204, 0) | hsl(75, 100%, 40%) | |
| 90 | #66cc00 | rgb(102, 204, 0) | hsl(90, 100%, 40%) | |
| 105 | #33cc00 | rgb(51, 204, 0) | hsl(105, 100%, 40%) | |
| 120 | #00cc00 | rgb(0, 204, 0) | hsl(120, 100%, 40%) | |
| 135 | #00cc33 | rgb(0, 204, 51) | hsl(135, 100%, 40%) | |
| 150 | #00cc66 | rgb(0, 204, 102) | hsl(150, 100%, 40%) | |
| 165 | #00cc99 | rgb(0, 204, 153) | hsl(165, 100%, 40%) | |
| 180 | #00cccc | rgb(0, 204, 204) | hsl(180, 100%, 40%) | |
| 195 | #0099cc | rgb(0, 153, 204) | hsl(195, 100%, 40%) | |
| 210 | #0066cc | rgb(0, 102, 204) | hsl(210, 100%, 40%) | |
| 225 | #0033cc | rgb(0, 51, 204) | hsl(225, 100%, 40%) | |
| 240 | #0000cd | rgb(0, 0, 205) | hsl(240, 100%, 40%) | |
| 255 | #3300cc | rgb(51, 0, 204) | hsl(255, 100%, 40%) | |
| 270 | #6600cc | rgb(102, 0, 204) | hsl(270, 100%, 40%) | |
| 285 | #9900cc | rgb(153, 0, 204) | hsl(285, 100%, 40%) | |
| 300 | #cc00cc | rgb(204, 0, 204) | hsl(300, 100%, 40%) | |
| 315 | #cc0099 | rgb(204, 0, 153) | hsl(315, 100%, 40%) | |
| 330 | #cc0066 | rgb(204, 0, 102) | hsl(330, 100%, 40%) | |
| 345 | #cc0033 | rgb(204, 0, 51) | hsl(345, 100%, 40%) | |
| 360 | #cc0000 | rgb(204, 0, 0) | hsl(0, 100%, 40%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #0000cd | rgb(0, 0, 205) | hsl(240, 100%, 40%) | |
| 95% | #0505c7 | rgb(5, 5, 199) | hsl(240, 95%, 40%) | |
| 90% | #0a0ac2 | rgb(10, 10, 194) | hsl(240, 90%, 40%) | |
| 85% | #0f0fbd | rgb(15, 15, 189) | hsl(240, 85%, 40%) | |
| 80% | #1414b8 | rgb(20, 20, 184) | hsl(240, 80%, 40%) | |
| 75% | #1919b3 | rgb(25, 25, 179) | hsl(240, 75%, 40%) | |
| 70% | #1f1fad | rgb(31, 31, 173) | hsl(240, 70%, 40%) | |
| 65% | #2424a8 | rgb(36, 36, 168) | hsl(240, 65%, 40%) | |
| 60% | #2929a3 | rgb(41, 41, 163) | hsl(240, 60%, 40%) | |
| 55% | #2e2e9e | rgb(46, 46, 158) | hsl(240, 55%, 40%) | |
| 50% | #333399 | rgb(51, 51, 153) | hsl(240, 50%, 40%) | |
| 45% | #383894 | rgb(56, 56, 148) | hsl(240, 45%, 40%) | |
| 40% | #3d3d8f | rgb(61, 61, 143) | hsl(240, 40%, 40%) | |
| 35% | #42428a | rgb(66, 66, 138) | hsl(240, 35%, 40%) | |
| 30% | #474785 | rgb(71, 71, 133) | hsl(240, 30%, 40%) | |
| 25% | #4d4d80 | rgb(77, 77, 128) | hsl(240, 25%, 40%) | |
| 20% | #52527a | rgb(82, 82, 122) | hsl(240, 20%, 40%) | |
| 15% | #575775 | rgb(87, 87, 117) | hsl(240, 15%, 40%) | |
| 10% | #5c5c70 | rgb(92, 92, 112) | hsl(240, 10%, 40%) | |
| 5% | #61616b | rgb(97, 97, 107) | hsl(240, 5%, 40%) | |
| 0% | #666666 | rgb(102, 102, 102) | hsl(240, 0%, 40%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(240, 100%, 100%) | |
| 95% | #e6e6ff | rgb(230, 230, 255) | hsl(240, 100%, 95%) | |
| 90% | #ccccff | rgb(204, 204, 255) | hsl(240, 100%, 90%) | |
| 85% | #b3b3ff | rgb(179, 179, 255) | hsl(240, 100%, 85%) | |
| 80% | #9999ff | rgb(153, 153, 255) | hsl(240, 100%, 80%) | |
| 75% | #8080ff | rgb(128, 128, 255) | hsl(240, 100%, 75%) | |
| 70% | #6666ff | rgb(102, 102, 255) | hsl(240, 100%, 70%) | |
| 65% | #4d4dff | rgb(77, 77, 255) | hsl(240, 100%, 65%) | |
| 60% | #3333ff | rgb(51, 51, 255) | hsl(240, 100%, 60%) | |
| 55% | #1a1aff | rgb(26, 26, 255) | hsl(240, 100%, 55%) | |
| 50% | #0000ff | rgb(0, 0, 255) | hsl(240, 100%, 50%) | |
| 45% | #0000e6 | rgb(0, 0, 230) | hsl(240, 100%, 45%) | |
| 40% | #0000cd | rgb(0, 0, 205) | hsl(240, 100%, 40%) | |
| 35% | #0000b3 | rgb(0, 0, 179) | hsl(240, 100%, 35%) | |
| 30% | #000099 | rgb(0, 0, 153) | hsl(240, 100%, 30%) | |
| 25% | #000080 | rgb(0, 0, 128) | hsl(240, 100%, 25%) | |
| 20% | #000066 | rgb(0, 0, 102) | hsl(240, 100%, 20%) | |
| 15% | #00004d | rgb(0, 0, 77) | hsl(240, 100%, 15%) | |
| 10% | #000033 | rgb(0, 0, 51) | hsl(240, 100%, 10%) | |
| 5% | #00001a | rgb(0, 0, 26) | hsl(240, 100%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(240, 100%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 0 | 0 | 205 |
rgb(0, 0, 205)
#0000cd
#0000cd
