HTML Color Picker

Pick a Color:

colormap#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333
 

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%)
hsv(225, 71%, 88%)

Lighter / Darker:

100%  #ffffff
95%  #e9eefc
90%  #d3dcf8
85%  #bdcbf5
80%  #a7b9f1
75%  #91a8ee
70%  #7b97ea
65%  #6585e7
60%  #4f74e3
57%  #4169e1
55%  #3963e0
50%  #2351dc
45%  #1f49c6
40%  #1c41b0
35%  #18399a
30%  #153184
25%  #11296e
20%  #0e2058
15%  #0a1842
10%  #07102c
5%  #030816
0%  #000000

Hue

Hue HexRgbHslHsv
0 #e14141rgb(225, 65, 65)hsl(0, 73%, 57%)hsv(0, 71%, 88%)
15 #e16941rgb(225, 105, 65)hsl(15, 73%, 57%)hsv(15, 71%, 88%)
30 #e19141rgb(225, 145, 65)hsl(30, 73%, 57%)hsv(30, 71%, 88%)
45 #e1b941rgb(225, 185, 65)hsl(45, 73%, 57%)hsv(45, 71%, 88%)
60 #e1e141rgb(225, 225, 65)hsl(60, 73%, 57%)hsv(60, 71%, 88%)
75 #b9e141rgb(185, 225, 65)hsl(75, 73%, 57%)hsv(75, 71%, 88%)
90 #91e141rgb(145, 225, 65)hsl(90, 73%, 57%)hsv(90, 71%, 88%)
105 #69e141rgb(105, 225, 65)hsl(105, 73%, 57%)hsv(105, 71%, 88%)
120 #41e141rgb(65, 225, 65)hsl(120, 73%, 57%)hsv(120, 71%, 88%)
135 #41e169rgb(65, 225, 105)hsl(135, 73%, 57%)hsv(135, 71%, 88%)
150 #41e191rgb(65, 225, 145)hsl(150, 73%, 57%)hsv(150, 71%, 88%)
165 #41e1b9rgb(65, 225, 185)hsl(165, 73%, 57%)hsv(165, 71%, 88%)
180 #41e1e1rgb(65, 225, 225)hsl(180, 73%, 57%)hsv(180, 71%, 88%)
195 #41b9e1rgb(65, 185, 225)hsl(195, 73%, 57%)hsv(195, 71%, 88%)
210 #4191e1rgb(65, 145, 225)hsl(210, 73%, 57%)hsv(210, 71%, 88%)
225 #4169e1rgb(65, 105, 225)hsl(225, 73%, 57%)hsv(225, 71%, 88%)
240 #4141e1rgb(65, 65, 225)hsl(240, 73%, 57%)hsv(240, 71%, 88%)
255 #6941e1rgb(105, 65, 225)hsl(255, 73%, 57%)hsv(255, 71%, 88%)
270 #9141e1rgb(145, 65, 225)hsl(270, 73%, 57%)hsv(270, 71%, 88%)
285 #b941e1rgb(185, 65, 225)hsl(285, 73%, 57%)hsv(285, 71%, 88%)
300 #e141e1rgb(225, 65, 225)hsl(300, 73%, 57%)hsv(300, 71%, 88%)
315 #e141b9rgb(225, 65, 185)hsl(315, 73%, 57%)hsv(315, 71%, 88%)
330 #e14191rgb(225, 65, 145)hsl(330, 73%, 57%)hsv(330, 71%, 88%)
345 #e14169rgb(225, 65, 105)hsl(345, 73%, 57%)hsv(345, 71%, 88%)
360 #e14141rgb(225, 65, 65)hsl(0, 73%, 57%)hsv(0, 71%, 88%)

HSL Saturation

Sat HexRgbHslHsv
100% #235affrgb(35, 90, 255)hsl(225, 100%, 57%)hsv(225, 86%, 100%)
95% #285df9rgb(40, 93, 249)hsl(225, 95%, 57%)hsv(225, 84%, 98%)
90% #2e5ff4rgb(46, 95, 244)hsl(225, 90%, 57%)hsv(225, 81%, 96%)
85% #3362eergb(51, 98, 238)hsl(225, 85%, 57%)hsv(225, 78%, 94%)
80% #3965e9rgb(57, 101, 233)hsl(225, 80%, 57%)hsv(225, 76%, 91%)
75% #3e68e3rgb(62, 104, 227)hsl(225, 75%, 57%)hsv(225, 73%, 89%)
73% #4169e1rgb(65, 105, 225)hsl(225, 73%, 57%)hsv(225, 71%, 88%) 
70% #446adergb(68, 106, 222)hsl(225, 70%, 57%)hsv(225, 69%, 87%)
65% #496dd8rgb(73, 109, 216)hsl(225, 65%, 57%)hsv(225, 66%, 85%)
60% #4f70d3rgb(79, 112, 211)hsl(225, 60%, 57%)hsv(225, 63%, 83%)
55% #5473cdrgb(84, 115, 205)hsl(225, 55%, 57%)hsv(225, 59%, 81%)
50% #5a75c8rgb(90, 117, 200)hsl(225, 50%, 57%)hsv(225, 55%, 78%)
45% #5f78c2rgb(95, 120, 194)hsl(225, 45%, 57%)hsv(225, 51%, 76%)
40% #657bbdrgb(101, 123, 189)hsl(225, 40%, 57%)hsv(225, 47%, 74%)
35% #6a7eb7rgb(106, 126, 183)hsl(225, 35%, 57%)hsv(225, 42%, 72%)
30% #7080b2rgb(112, 128, 178)hsl(225, 30%, 57%)hsv(225, 37%, 70%)
25% #7583acrgb(117, 131, 172)hsl(225, 25%, 57%)hsv(225, 32%, 68%)
20% #7b86a7rgb(123, 134, 167)hsl(225, 20%, 57%)hsv(225, 26%, 65%)
15% #8089a1rgb(128, 137, 161)hsl(225, 15%, 57%)hsv(225, 20%, 63%)
10% #868b9crgb(134, 139, 156)hsl(225, 10%, 57%)hsv(225, 14%, 61%)
5% #8b8e96rgb(139, 142, 150)hsl(225, 5%, 57%)hsv(225, 7%, 59%)
0% #919191rgb(145, 145, 145)hsl(0, 0%, 57%)hsv(0, 0%, 57%)

HSL Lighter / Darker

Lum HexRgbHslHsv
100% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)
95% #e9eefcrgb(233, 238, 252)hsl(225, 73%, 95%)hsv(225, 7%, 99%)
90% #d3dcf8rgb(211, 220, 248)hsl(225, 73%, 90%)hsv(225, 15%, 97%)
85% #bdcbf5rgb(189, 203, 245)hsl(225, 73%, 85%)hsv(225, 23%, 96%)
80% #a7b9f1rgb(167, 185, 241)hsl(225, 73%, 80%)hsv(225, 31%, 95%)
75% #91a8eergb(145, 168, 238)hsl(225, 73%, 75%)hsv(225, 39%, 93%)
70% #7b97eargb(123, 151, 234)hsl(225, 73%, 70%)hsv(225, 48%, 92%)
65% #6585e7rgb(101, 133, 231)hsl(225, 73%, 65%)hsv(225, 56%, 90%)
60% #4f74e3rgb(79, 116, 227)hsl(225, 73%, 60%)hsv(225, 65%, 89%)
57% #4169e1rgb(65, 105, 225)hsl(225, 73%, 57%)hsv(225, 71%, 88%) 
55% #3963e0rgb(57, 99, 224)hsl(225, 73%, 55%)hsv(225, 75%, 88%)
50% #2351dcrgb(35, 81, 220)hsl(225, 73%, 50%)hsv(225, 84%, 86%)
45% #1f49c6rgb(31, 73, 198)hsl(225, 73%, 45%)hsv(225, 84%, 78%)
40% #1c41b0rgb(28, 65, 176)hsl(225, 73%, 40%)hsv(225, 84%, 69%)
35% #18399argb(24, 57, 154)hsl(225, 73%, 35%)hsv(225, 84%, 60%)
30% #153184rgb(21, 49, 132)hsl(225, 73%, 30%)hsv(225, 84%, 52%)
25% #11296ergb(17, 41, 110)hsl(225, 73%, 25%)hsv(225, 84%, 43%)
20% #0e2058rgb(14, 32, 88)hsl(225, 73%, 20%)hsv(225, 84%, 35%)
15% #0a1842rgb(10, 24, 66)hsl(225, 73%, 15%)hsv(225, 84%, 26%)
10% #07102crgb(7, 16, 44)hsl(225, 73%, 10%)hsv(225, 84%, 17%)
5% #030816rgb(3, 8, 22)hsl(225, 73%, 5%)hsv(225, 84%, 9%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

HSV Saturation

Sat HexRgbHslHsv
100% #0038e1rgb(0, 56, 225)hsl(225, 100%, 44%)hsv(225, 100%, 88%)
95% #0b41e1rgb(11, 65, 225)hsl(225, 90%, 46%)hsv(225, 95%, 88%)
90% #1649e1rgb(22, 73, 225)hsl(225, 82%, 49%)hsv(225, 90%, 88%)
85% #2252e1rgb(34, 82, 225)hsl(225, 76%, 51%)hsv(225, 85%, 88%)
80% #2d5ae1rgb(45, 90, 225)hsl(225, 75%, 53%)hsv(225, 80%, 88%)
75% #3862e1rgb(56, 98, 225)hsl(225, 74%, 55%)hsv(225, 75%, 88%)
71% #4169e1rgb(65, 105, 225)hsl(225, 73%, 57%)hsv(225, 71%, 88%) 
70% #436be1rgb(67, 107, 225)hsl(225, 72%, 57%)hsv(225, 70%, 88%)
65% #4f73e1rgb(79, 115, 225)hsl(225, 71%, 60%)hsv(225, 65%, 88%)
60% #5a7ce1rgb(90, 124, 225)hsl(225, 69%, 62%)hsv(225, 60%, 88%)
55% #6584e1rgb(101, 132, 225)hsl(225, 67%, 64%)hsv(225, 55%, 88%)
50% #708de1rgb(112, 141, 225)hsl(225, 65%, 66%)hsv(225, 50%, 88%)
45% #7c95e1rgb(124, 149, 225)hsl(225, 63%, 68%)hsv(225, 45%, 88%)
40% #879de1rgb(135, 157, 225)hsl(225, 60%, 71%)hsv(225, 40%, 88%)
35% #92a6e1rgb(146, 166, 225)hsl(225, 57%, 73%)hsv(225, 35%, 88%)
30% #9daee1rgb(157, 174, 225)hsl(225, 53%, 75%)hsv(225, 30%, 88%)
25% #a9b7e1rgb(169, 183, 225)hsl(225, 48%, 77%)hsv(225, 25%, 88%)
20% #b4bfe1rgb(180, 191, 225)hsl(225, 43%, 79%)hsv(225, 20%, 88%)
15% #bfc8e1rgb(191, 200, 225)hsl(225, 36%, 82%)hsv(225, 15%, 88%)
10% #cad0e1rgb(202, 208, 225)hsl(225, 27%, 84%)hsv(225, 10%, 88%)
5% #d6d9e1rgb(214, 217, 225)hsl(225, 16%, 86%)hsv(225, 5%, 88%)
0% #e1e1e1rgb(225, 225, 225)hsl(0, 0%, 88%)hsv(0, 0%, 88%)

HSV Brighter / Darker

Value HexRgbHslHsv
100% #4a77ffrgb(74, 119, 255)hsl(225, 100%, 64%)hsv(225, 71%, 100%)
95% #4671f2rgb(70, 113, 242)hsl(225, 87%, 61%)hsv(225, 71%, 95%)
90% #426be6rgb(66, 107, 230)hsl(225, 76%, 58%)hsv(225, 71%, 90%)
88% #4169e1rgb(65, 105, 225)hsl(225, 73%, 57%)hsv(225, 71%, 88%) 
85% #3f65d9rgb(63, 101, 217)hsl(225, 67%, 55%)hsv(225, 71%, 85%)
80% #3b5fccrgb(59, 95, 204)hsl(225, 59%, 52%)hsv(225, 71%, 80%)
75% #3759bfrgb(55, 89, 191)hsl(225, 55%, 48%)hsv(225, 71%, 75%)
70% #3453b3rgb(52, 83, 179)hsl(225, 55%, 45%)hsv(225, 71%, 70%)
65% #304da6rgb(48, 77, 166)hsl(225, 55%, 42%)hsv(225, 71%, 65%)
60% #2c4799rgb(44, 71, 153)hsl(225, 55%, 39%)hsv(225, 71%, 60%)
55% #29418crgb(41, 65, 140)hsl(225, 55%, 35%)hsv(225, 71%, 55%)
50% #253c80rgb(37, 60, 128)hsl(225, 55%, 32%)hsv(225, 71%, 50%)
45% #213673rgb(33, 54, 115)hsl(225, 55%, 29%)hsv(225, 71%, 45%)
40% #1d3066rgb(29, 48, 102)hsl(225, 55%, 26%)hsv(225, 71%, 40%)
35% #1a2a59rgb(26, 42, 89)hsl(225, 55%, 23%)hsv(225, 71%, 35%)
30% #16244drgb(22, 36, 77)hsl(225, 55%, 19%)hsv(225, 71%, 30%)
25% #121e40rgb(18, 30, 64)hsl(225, 55%, 16%)hsv(225, 71%, 25%)
20% #0f1833rgb(15, 24, 51)hsl(225, 55%, 13%)hsv(225, 71%, 20%)
15% #0b1226rgb(11, 18, 38)hsl(225, 55%, 10%)hsv(225, 71%, 15%)
10% #070c1argb(7, 12, 26)hsl(225, 55%, 6%)hsv(225, 71%, 10%)
5% #04060drgb(4, 6, 13)hsl(225, 55%, 3%)hsv(225, 71%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
65 105 225
rgb(65, 105, 225)  #4169e1