HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
CornflowerBlue
#6495ed
rgb(100, 149, 237)
hsl(219, 79%, 66%)
Lighter / Darker:
100% | #ffffff | |
95% | #e8effc | |
90% | #d1dffa | |
85% | #bbd0f7 | |
80% | #a4c0f4 | |
75% | #8db0f2 | |
70% | #76a0ef | |
66% | #6495ed | |
65% | #5f91ec | |
60% | #4881ea | |
55% | #3271e7 | |
50% | #1b61e4 | |
45% | #1858cd | |
40% | #154eb7 | |
35% | #1344a0 | |
30% | #103a89 | |
25% | #0d3172 | |
20% | #0b275b | |
15% | #081d44 | |
10% | #05132e | |
5% | #030a17 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ed6464 | rgb(237, 100, 100) | hsl(0, 79%, 66%) | |
15 | #ed8664 | rgb(237, 134, 100) | hsl(15, 79%, 66%) | |
30 | #eda864 | rgb(237, 168, 100) | hsl(30, 79%, 66%) | |
45 | #edcb64 | rgb(237, 203, 100) | hsl(45, 79%, 66%) | |
60 | #eded64 | rgb(237, 237, 100) | hsl(60, 79%, 66%) | |
75 | #cbed64 | rgb(203, 237, 100) | hsl(75, 79%, 66%) | |
90 | #a8ed64 | rgb(168, 237, 100) | hsl(90, 79%, 66%) | |
105 | #86ed64 | rgb(134, 237, 100) | hsl(105, 79%, 66%) | |
120 | #64ed64 | rgb(100, 237, 100) | hsl(120, 79%, 66%) | |
135 | #64ed86 | rgb(100, 237, 134) | hsl(135, 79%, 66%) | |
150 | #64eda8 | rgb(100, 237, 168) | hsl(150, 79%, 66%) | |
165 | #64edcb | rgb(100, 237, 203) | hsl(165, 79%, 66%) | |
180 | #64eded | rgb(100, 237, 237) | hsl(180, 79%, 66%) | |
195 | #64cbed | rgb(100, 203, 237) | hsl(195, 79%, 66%) | |
210 | #64a8ed | rgb(100, 168, 237) | hsl(210, 79%, 66%) | |
219 | #6495ed | rgb(100, 149, 237) | hsl(219, 79%, 66%) | |
225 | #6486ed | rgb(100, 134, 237) | hsl(225, 79%, 66%) | |
240 | #6464ed | rgb(100, 100, 237) | hsl(240, 79%, 66%) | |
255 | #8664ed | rgb(134, 100, 237) | hsl(255, 79%, 66%) | |
270 | #a864ed | rgb(168, 100, 237) | hsl(270, 79%, 66%) | |
285 | #cb64ed | rgb(203, 100, 237) | hsl(285, 79%, 66%) | |
300 | #ed64ed | rgb(237, 100, 237) | hsl(300, 79%, 66%) | |
315 | #ed64cb | rgb(237, 100, 203) | hsl(315, 79%, 66%) | |
330 | #ed64a8 | rgb(237, 100, 168) | hsl(330, 79%, 66%) | |
345 | #ed6486 | rgb(237, 100, 134) | hsl(345, 79%, 66%) | |
360 | #ed6464 | rgb(237, 100, 100) | hsl(0, 79%, 66%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #528eff | rgb(82, 142, 255) | hsl(219, 100%, 66%) | |
95% | #5690fb | rgb(86, 144, 251) | hsl(219, 95%, 66%) | |
90% | #5a91f6 | rgb(90, 145, 246) | hsl(219, 90%, 66%) | |
85% | #5f92f2 | rgb(95, 146, 242) | hsl(219, 85%, 66%) | |
80% | #6393ee | rgb(99, 147, 238) | hsl(219, 80%, 66%) | |
79% | #6495ed | rgb(100, 149, 237) | hsl(219, 79%, 66%) | |
75% | #6795e9 | rgb(103, 149, 233) | hsl(219, 75%, 66%) | |
70% | #6c96e5 | rgb(108, 150, 229) | hsl(219, 70%, 66%) | |
65% | #7097e1 | rgb(112, 151, 225) | hsl(219, 65%, 66%) | |
60% | #7499dc | rgb(116, 153, 220) | hsl(219, 60%, 66%) | |
55% | #799ad8 | rgb(121, 154, 216) | hsl(219, 55%, 66%) | |
50% | #7d9bd4 | rgb(125, 155, 212) | hsl(219, 50%, 66%) | |
45% | #819dcf | rgb(129, 157, 207) | hsl(219, 45%, 66%) | |
40% | #869ecb | rgb(134, 158, 203) | hsl(219, 40%, 66%) | |
35% | #8a9fc7 | rgb(138, 159, 199) | hsl(219, 35%, 66%) | |
30% | #8ea0c2 | rgb(142, 160, 194) | hsl(219, 30%, 66%) | |
25% | #93a2be | rgb(147, 162, 190) | hsl(219, 25%, 66%) | |
20% | #97a3ba | rgb(151, 163, 186) | hsl(219, 20%, 66%) | |
15% | #9ba4b5 | rgb(155, 164, 181) | hsl(219, 15%, 66%) | |
10% | #a0a6b1 | rgb(160, 166, 177) | hsl(219, 10%, 66%) | |
5% | #a4a7ad | rgb(164, 167, 173) | hsl(219, 5%, 66%) | |
0% | #a8a8a8 | rgb(168, 168, 168) | hsl(219, 0%, 66%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(219, 79%, 100%) | |
95% | #e8effc | rgb(232, 239, 252) | hsl(219, 79%, 95%) | |
90% | #d1dffa | rgb(209, 223, 250) | hsl(219, 79%, 90%) | |
85% | #bbd0f7 | rgb(187, 208, 247) | hsl(219, 79%, 85%) | |
80% | #a4c0f4 | rgb(164, 192, 244) | hsl(219, 79%, 80%) | |
75% | #8db0f2 | rgb(141, 176, 242) | hsl(219, 79%, 75%) | |
70% | #76a0ef | rgb(118, 160, 239) | hsl(219, 79%, 70%) | |
66% | #6495ed | rgb(100, 149, 237) | hsl(219, 79%, 66%) | |
65% | #5f91ec | rgb(95, 145, 236) | hsl(219, 79%, 65%) | |
60% | #4881ea | rgb(72, 129, 234) | hsl(219, 79%, 60%) | |
55% | #3271e7 | rgb(50, 113, 231) | hsl(219, 79%, 55%) | |
50% | #1b61e4 | rgb(27, 97, 228) | hsl(219, 79%, 50%) | |
45% | #1858cd | rgb(24, 88, 205) | hsl(219, 79%, 45%) | |
40% | #154eb7 | rgb(21, 78, 183) | hsl(219, 79%, 40%) | |
35% | #1344a0 | rgb(19, 68, 160) | hsl(219, 79%, 35%) | |
30% | #103a89 | rgb(16, 58, 137) | hsl(219, 79%, 30%) | |
25% | #0d3172 | rgb(13, 49, 114) | hsl(219, 79%, 25%) | |
20% | #0b275b | rgb(11, 39, 91) | hsl(219, 79%, 20%) | |
15% | #081d44 | rgb(8, 29, 68) | hsl(219, 79%, 15%) | |
10% | #05132e | rgb(5, 19, 46) | hsl(219, 79%, 10%) | |
5% | #030a17 | rgb(3, 10, 23) | hsl(219, 79%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(219, 79%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
100 | 149 | 237 |
rgb(100, 149, 237)
#6495ed
#6495ed