HTML Color Picker
Pick a Color:
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
