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
LightSkyBlue
#87cefa
rgb(135, 206, 250)
hsl(203, 92%, 75%)
Lighter / Darker:
100% | #ffffff | |
95% | #e7f5fe | |
90% | #ceebfd | |
85% | #b6e1fc | |
80% | #9dd7fb | |
75% | #87cefa | |
70% | #6cc3f9 | |
65% | #54b9f8 | |
60% | #3baff7 | |
55% | #23a5f6 | |
50% | #0a9bf5 | |
45% | #098bdc | |
40% | #087cc4 | |
35% | #076cab | |
30% | #065d93 | |
25% | #054d7a | |
20% | #043e62 | |
15% | #032e49 | |
10% | #021f31 | |
5% | #010f18 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #fa8585 | rgb(250, 133, 133) | hsl(0, 92%, 75%) | |
15 | #faa285 | rgb(250, 162, 133) | hsl(15, 92%, 75%) | |
30 | #fabf85 | rgb(250, 191, 133) | hsl(30, 92%, 75%) | |
45 | #fadd85 | rgb(250, 221, 133) | hsl(45, 92%, 75%) | |
60 | #fafa85 | rgb(250, 250, 133) | hsl(60, 92%, 75%) | |
75 | #ddfa85 | rgb(221, 250, 133) | hsl(75, 92%, 75%) | |
90 | #bffa85 | rgb(191, 250, 133) | hsl(90, 92%, 75%) | |
105 | #a2fa85 | rgb(162, 250, 133) | hsl(105, 92%, 75%) | |
120 | #85fa85 | rgb(133, 250, 133) | hsl(120, 92%, 75%) | |
135 | #85faa2 | rgb(133, 250, 162) | hsl(135, 92%, 75%) | |
150 | #85fabf | rgb(133, 250, 191) | hsl(150, 92%, 75%) | |
165 | #85fadd | rgb(133, 250, 221) | hsl(165, 92%, 75%) | |
180 | #85fafa | rgb(133, 250, 250) | hsl(180, 92%, 75%) | |
195 | #85ddfa | rgb(133, 221, 250) | hsl(195, 92%, 75%) | |
203 | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) | |
210 | #85bffa | rgb(133, 191, 250) | hsl(210, 92%, 75%) | |
225 | #85a2fa | rgb(133, 162, 250) | hsl(225, 92%, 75%) | |
240 | #8585fa | rgb(133, 133, 250) | hsl(240, 92%, 75%) | |
255 | #a285fa | rgb(162, 133, 250) | hsl(255, 92%, 75%) | |
270 | #bf85fa | rgb(191, 133, 250) | hsl(270, 92%, 75%) | |
285 | #dd85fa | rgb(221, 133, 250) | hsl(285, 92%, 75%) | |
300 | #fa85fa | rgb(250, 133, 250) | hsl(300, 92%, 75%) | |
315 | #fa85dd | rgb(250, 133, 221) | hsl(315, 92%, 75%) | |
330 | #fa85bf | rgb(250, 133, 191) | hsl(330, 92%, 75%) | |
345 | #fa85a2 | rgb(250, 133, 162) | hsl(345, 92%, 75%) | |
360 | #fa8585 | rgb(250, 133, 133) | hsl(0, 92%, 75%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #80ceff | rgb(128, 206, 255) | hsl(203, 100%, 75%) | |
95% | #83cdfc | rgb(131, 205, 252) | hsl(203, 95%, 75%) | |
92% | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) | |
90% | #86cdf9 | rgb(134, 205, 249) | hsl(203, 90%, 75%) | |
85% | #89ccf5 | rgb(137, 204, 245) | hsl(203, 85%, 75%) | |
80% | #8ccbf2 | rgb(140, 203, 242) | hsl(203, 80%, 75%) | |
75% | #8fcaef | rgb(143, 202, 239) | hsl(203, 75%, 75%) | |
70% | #93caec | rgb(147, 202, 236) | hsl(203, 70%, 75%) | |
65% | #96c9e9 | rgb(150, 201, 233) | hsl(203, 65%, 75%) | |
60% | #99c8e6 | rgb(153, 200, 230) | hsl(203, 60%, 75%) | |
55% | #9cc7e2 | rgb(156, 199, 226) | hsl(203, 55%, 75%) | |
50% | #9fc7df | rgb(159, 199, 223) | hsl(203, 50%, 75%) | |
45% | #a3c6dc | rgb(163, 198, 220) | hsl(203, 45%, 75%) | |
40% | #a6c5d9 | rgb(166, 197, 217) | hsl(203, 40%, 75%) | |
35% | #a9c4d6 | rgb(169, 196, 214) | hsl(203, 35%, 75%) | |
30% | #acc4d2 | rgb(172, 196, 210) | hsl(203, 30%, 75%) | |
25% | #afc3cf | rgb(175, 195, 207) | hsl(203, 25%, 75%) | |
20% | #b3c2cc | rgb(179, 194, 204) | hsl(203, 20%, 75%) | |
15% | #b6c1c9 | rgb(182, 193, 201) | hsl(203, 15%, 75%) | |
10% | #b9c1c6 | rgb(185, 193, 198) | hsl(203, 10%, 75%) | |
5% | #bcc0c2 | rgb(188, 192, 194) | hsl(203, 5%, 75%) | |
0% | #bfbfbf | rgb(191, 191, 191) | hsl(203, 0%, 75%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(203, 92%, 100%) | |
95% | #e7f5fe | rgb(231, 245, 254) | hsl(203, 92%, 95%) | |
90% | #ceebfd | rgb(206, 235, 253) | hsl(203, 92%, 90%) | |
85% | #b6e1fc | rgb(182, 225, 252) | hsl(203, 92%, 85%) | |
80% | #9dd7fb | rgb(157, 215, 251) | hsl(203, 92%, 80%) | |
75% | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) | |
70% | #6cc3f9 | rgb(108, 195, 249) | hsl(203, 92%, 70%) | |
65% | #54b9f8 | rgb(84, 185, 248) | hsl(203, 92%, 65%) | |
60% | #3baff7 | rgb(59, 175, 247) | hsl(203, 92%, 60%) | |
55% | #23a5f6 | rgb(35, 165, 246) | hsl(203, 92%, 55%) | |
50% | #0a9bf5 | rgb(10, 155, 245) | hsl(203, 92%, 50%) | |
45% | #098bdc | rgb(9, 139, 220) | hsl(203, 92%, 45%) | |
40% | #087cc4 | rgb(8, 124, 196) | hsl(203, 92%, 40%) | |
35% | #076cab | rgb(7, 108, 171) | hsl(203, 92%, 35%) | |
30% | #065d93 | rgb(6, 93, 147) | hsl(203, 92%, 30%) | |
25% | #054d7a | rgb(5, 77, 122) | hsl(203, 92%, 25%) | |
20% | #043e62 | rgb(4, 62, 98) | hsl(203, 92%, 20%) | |
15% | #032e49 | rgb(3, 46, 73) | hsl(203, 92%, 15%) | |
10% | #021f31 | rgb(2, 31, 49) | hsl(203, 92%, 10%) | |
5% | #010f18 | rgb(1, 15, 24) | hsl(203, 92%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(203, 92%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
135 | 206 | 250 |
rgb(135, 206, 250)
#87cefa
#87cefa