THE WORLD'S LARGEST WEB DEVELOPER SITE

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
#3f69aa
rgb(63, 105, 170)
hsl(216, 46%, 46%)

Lighter / Darker:

100%  #ffffff
95%  #ecf1f8
90%  #dae3f1
85%  #c7d5ea
80%  #b5c7e3
75%  #a2b9dd
70%  #8fabd6
65%  #7d9ecf
60%  #6a90c8
55%  #5782c1
50%  #4574ba
46%  #3f69aa
45%  #3e68a8
40%  #375d95
35%  #305182
30%  #294570
25%  #223a5d
20%  #1c2e4a
15%  #152338
10%  #0e1725
5%  #070c13
0%  #000000

Hue

hue HexRgbHsl
#ab3f3frgb(171, 63, 63)hsl(0, 46%, 46%)
15 #ab5a3frgb(171, 90, 63)hsl(15, 46%, 46%)
30 #ab753frgb(171, 117, 63)hsl(30, 46%, 46%)
45 #ab903frgb(171, 144, 63)hsl(45, 46%, 46%)
60 #abab3frgb(171, 171, 63)hsl(60, 46%, 46%)
75 #90ab3frgb(144, 171, 63)hsl(75, 46%, 46%)
90 #75ab3frgb(117, 171, 63)hsl(90, 46%, 46%)
105 #5aab3frgb(90, 171, 63)hsl(105, 46%, 46%)
120 #3fab3frgb(63, 171, 63)hsl(120, 46%, 46%)
135 #3fab5argb(63, 171, 90)hsl(135, 46%, 46%)
150 #3fab75rgb(63, 171, 117)hsl(150, 46%, 46%)
165 #3fab90rgb(63, 171, 144)hsl(165, 46%, 46%)
180 #3fababrgb(63, 171, 171)hsl(180, 46%, 46%)
195 #3f90abrgb(63, 144, 171)hsl(195, 46%, 46%)
210 #3f75abrgb(63, 117, 171)hsl(210, 46%, 46%)
216 #3f69aargb(63, 105, 170)hsl(216, 46%, 46%)
225 #3f5aabrgb(63, 90, 171)hsl(225, 46%, 46%)
240 #3f3fabrgb(63, 63, 171)hsl(240, 46%, 46%)
255 #5a3fabrgb(90, 63, 171)hsl(255, 46%, 46%)
270 #753fabrgb(117, 63, 171)hsl(270, 46%, 46%)
285 #903fabrgb(144, 63, 171)hsl(285, 46%, 46%)
300 #ab3fabrgb(171, 63, 171)hsl(300, 46%, 46%)
315 #ab3f90rgb(171, 63, 144)hsl(315, 46%, 46%)
330 #ab3f75rgb(171, 63, 117)hsl(330, 46%, 46%)
345 #ab3f5argb(171, 63, 90)hsl(345, 46%, 46%)
360 #ab3f3frgb(171, 63, 63)hsl(0, 46%, 46%)


Saturation

sat HexRgbHsl
100% #005eebrgb(0, 94, 235)hsl(216, 100%, 46%)
95% #065fe5rgb(6, 95, 229)hsl(216, 95%, 46%)
90% #0c60dfrgb(12, 96, 223)hsl(216, 90%, 46%)
85% #1261d9rgb(18, 97, 217)hsl(216, 85%, 46%)
80% #1763d3rgb(23, 99, 211)hsl(216, 80%, 46%)
75% #1d64cdrgb(29, 100, 205)hsl(216, 75%, 46%)
70% #2365c7rgb(35, 101, 199)hsl(216, 70%, 46%)
65% #2966c2rgb(41, 102, 194)hsl(216, 65%, 46%)
60% #2f67bcrgb(47, 103, 188)hsl(216, 60%, 46%)
55% #3568b6rgb(53, 104, 182)hsl(216, 55%, 46%)
50% #3b6ab0rgb(59, 106, 176)hsl(216, 50%, 46%)
46% #3f69aargb(63, 105, 170)hsl(216, 46%, 46%)
45% #416baargb(65, 107, 170)hsl(216, 45%, 46%)
40% #466ca4rgb(70, 108, 164)hsl(216, 40%, 46%)
35% #4c6d9ergb(76, 109, 158)hsl(216, 35%, 46%)
30% #526e98rgb(82, 110, 152)hsl(216, 30%, 46%)
25% #586f93rgb(88, 111, 147)hsl(216, 25%, 46%)
20% #5e718drgb(94, 113, 141)hsl(216, 20%, 46%)
15% #647287rgb(100, 114, 135)hsl(216, 15%, 46%)
10% #6a7381rgb(106, 115, 129)hsl(216, 10%, 46%)
5% #6f747brgb(111, 116, 123)hsl(216, 5%, 46%)
0% #757575rgb(117, 117, 117)hsl(216, 0%, 46%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(216, 46%, 100%)
95% #ecf1f8rgb(236, 241, 248)hsl(216, 46%, 95%)
90% #dae3f1rgb(218, 227, 241)hsl(216, 46%, 90%)
85% #c7d5eargb(199, 213, 234)hsl(216, 46%, 85%)
80% #b5c7e3rgb(181, 199, 227)hsl(216, 46%, 80%)
75% #a2b9ddrgb(162, 185, 221)hsl(216, 46%, 75%)
70% #8fabd6rgb(143, 171, 214)hsl(216, 46%, 70%)
65% #7d9ecfrgb(125, 158, 207)hsl(216, 46%, 65%)
60% #6a90c8rgb(106, 144, 200)hsl(216, 46%, 60%)
55% #5782c1rgb(87, 130, 193)hsl(216, 46%, 55%)
50% #4574bargb(69, 116, 186)hsl(216, 46%, 50%)
46% #3f69aargb(63, 105, 170)hsl(216, 46%, 46%)
45% #3e68a8rgb(62, 104, 168)hsl(216, 46%, 45%)
40% #375d95rgb(55, 93, 149)hsl(216, 46%, 40%)
35% #305182rgb(48, 81, 130)hsl(216, 46%, 35%)
30% #294570rgb(41, 69, 112)hsl(216, 46%, 30%)
25% #223a5drgb(34, 58, 93)hsl(216, 46%, 25%)
20% #1c2e4argb(28, 46, 74)hsl(216, 46%, 20%)
15% #152338rgb(21, 35, 56)hsl(216, 46%, 15%)
10% #0e1725rgb(14, 23, 37)hsl(216, 46%, 10%)
5% #070c13rgb(7, 12, 19)hsl(216, 46%, 5%)
0% #000000rgb(0, 0, 0)hsl(216, 46%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
63 105 170
rgb(63, 105, 170)
#3f69aa