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
RoyalBlue
#4169e1
rgb(65, 105, 225)
hsl(225, 73%, 57%)
Lighter / Darker:
100% | #ffffff | |
95% | #e9eefc | |
90% | #d3dcf8 | |
85% | #bdcbf5 | |
80% | #a7b9f1 | |
75% | #91a8ee | |
70% | #7b97ea | |
65% | #6585e7 | |
60% | #4f74e3 | |
57% | #4169e1 | |
55% | #3862e0 | |
50% | #2251dd | |
45% | #1f49c7 | |
40% | #1c41b0 | |
35% | #18399a | |
30% | #153184 | |
25% | #11286e | |
20% | #0e2058 | |
15% | #0a1842 | |
10% | #07102c | |
5% | #030816 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #e14141 | rgb(225, 65, 65) | hsl(0, 73%, 57%) | |
15 | #e16941 | rgb(225, 105, 65) | hsl(15, 73%, 57%) | |
30 | #e19141 | rgb(225, 145, 65) | hsl(30, 73%, 57%) | |
45 | #e1b941 | rgb(225, 185, 65) | hsl(45, 73%, 57%) | |
60 | #e1e141 | rgb(225, 225, 65) | hsl(60, 73%, 57%) | |
75 | #b9e141 | rgb(185, 225, 65) | hsl(75, 73%, 57%) | |
90 | #91e141 | rgb(145, 225, 65) | hsl(90, 73%, 57%) | |
105 | #69e141 | rgb(105, 225, 65) | hsl(105, 73%, 57%) | |
120 | #41e141 | rgb(65, 225, 65) | hsl(120, 73%, 57%) | |
135 | #41e169 | rgb(65, 225, 105) | hsl(135, 73%, 57%) | |
150 | #41e191 | rgb(65, 225, 145) | hsl(150, 73%, 57%) | |
165 | #41e1b9 | rgb(65, 225, 185) | hsl(165, 73%, 57%) | |
180 | #41e1e1 | rgb(65, 225, 225) | hsl(180, 73%, 57%) | |
195 | #41b9e1 | rgb(65, 185, 225) | hsl(195, 73%, 57%) | |
210 | #4191e1 | rgb(65, 145, 225) | hsl(210, 73%, 57%) | |
225 | #4169e1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) | |
240 | #4141e1 | rgb(65, 65, 225) | hsl(240, 73%, 57%) | |
255 | #6941e1 | rgb(105, 65, 225) | hsl(255, 73%, 57%) | |
270 | #9141e1 | rgb(145, 65, 225) | hsl(270, 73%, 57%) | |
285 | #b941e1 | rgb(185, 65, 225) | hsl(285, 73%, 57%) | |
300 | #e141e1 | rgb(225, 65, 225) | hsl(300, 73%, 57%) | |
315 | #e141b9 | rgb(225, 65, 185) | hsl(315, 73%, 57%) | |
330 | #e14191 | rgb(225, 65, 145) | hsl(330, 73%, 57%) | |
345 | #e14169 | rgb(225, 65, 105) | hsl(345, 73%, 57%) | |
360 | #e14141 | rgb(225, 65, 65) | hsl(0, 73%, 57%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #245bff | rgb(36, 91, 255) | hsl(225, 100%, 57%) | |
95% | #295dfa | rgb(41, 93, 250) | hsl(225, 95%, 57%) | |
90% | #2f60f4 | rgb(47, 96, 244) | hsl(225, 90%, 57%) | |
85% | #3463ef | rgb(52, 99, 239) | hsl(225, 85%, 57%) | |
80% | #3a65e9 | rgb(58, 101, 233) | hsl(225, 80%, 57%) | |
75% | #3f68e4 | rgb(63, 104, 228) | hsl(225, 75%, 57%) | |
73% | #4169e1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) | |
70% | #456bde | rgb(69, 107, 222) | hsl(225, 70%, 57%) | |
65% | #4a6ed9 | rgb(74, 110, 217) | hsl(225, 65%, 57%) | |
60% | #5070d3 | rgb(80, 112, 211) | hsl(225, 60%, 57%) | |
55% | #5573ce | rgb(85, 115, 206) | hsl(225, 55%, 57%) | |
50% | #5b76c8 | rgb(91, 118, 200) | hsl(225, 50%, 57%) | |
45% | #6079c3 | rgb(96, 121, 195) | hsl(225, 45%, 57%) | |
40% | #657bbd | rgb(101, 123, 189) | hsl(225, 40%, 57%) | |
35% | #6b7eb8 | rgb(107, 126, 184) | hsl(225, 35%, 57%) | |
30% | #7081b2 | rgb(112, 129, 178) | hsl(225, 30%, 57%) | |
25% | #7684ad | rgb(118, 132, 173) | hsl(225, 25%, 57%) | |
20% | #7b86a7 | rgb(123, 134, 167) | hsl(225, 20%, 57%) | |
15% | #8189a2 | rgb(129, 137, 162) | hsl(225, 15%, 57%) | |
10% | #868c9c | rgb(134, 140, 156) | hsl(225, 10%, 57%) | |
5% | #8c8f97 | rgb(140, 143, 151) | hsl(225, 5%, 57%) | |
0% | #919191 | rgb(145, 145, 145) | hsl(225, 0%, 57%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(225, 73%, 100%) | |
95% | #e9eefc | rgb(233, 238, 252) | hsl(225, 73%, 95%) | |
90% | #d3dcf8 | rgb(211, 220, 248) | hsl(225, 73%, 90%) | |
85% | #bdcbf5 | rgb(189, 203, 245) | hsl(225, 73%, 85%) | |
80% | #a7b9f1 | rgb(167, 185, 241) | hsl(225, 73%, 80%) | |
75% | #91a8ee | rgb(145, 168, 238) | hsl(225, 73%, 75%) | |
70% | #7b97ea | rgb(123, 151, 234) | hsl(225, 73%, 70%) | |
65% | #6585e7 | rgb(101, 133, 231) | hsl(225, 73%, 65%) | |
60% | #4f74e3 | rgb(79, 116, 227) | hsl(225, 73%, 60%) | |
57% | #4169e1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) | |
55% | #3862e0 | rgb(56, 98, 224) | hsl(225, 73%, 55%) | |
50% | #2251dd | rgb(34, 81, 221) | hsl(225, 73%, 50%) | |
45% | #1f49c7 | rgb(31, 73, 199) | hsl(225, 73%, 45%) | |
40% | #1c41b0 | rgb(28, 65, 176) | hsl(225, 73%, 40%) | |
35% | #18399a | rgb(24, 57, 154) | hsl(225, 73%, 35%) | |
30% | #153184 | rgb(21, 49, 132) | hsl(225, 73%, 30%) | |
25% | #11286e | rgb(17, 40, 110) | hsl(225, 73%, 25%) | |
20% | #0e2058 | rgb(14, 32, 88) | hsl(225, 73%, 20%) | |
15% | #0a1842 | rgb(10, 24, 66) | hsl(225, 73%, 15%) | |
10% | #07102c | rgb(7, 16, 44) | hsl(225, 73%, 10%) | |
5% | #030816 | rgb(3, 8, 22) | hsl(225, 73%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(225, 73%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
65 | 105 | 225 |
rgb(65, 105, 225)
#4169e1
#4169e1