Tutorials References Exercises Videos Menu
Log in
Free Website Get Certified Pro

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
#615550
rgb(97, 85, 80)
hsl(18, 10%, 35%)

Lighter / Darker:

100%  #ffffff
95%  #f4f2f1
90%  #e8e4e3
85%  #ddd7d5
80%  #d1cac7
75%  #c6bdb9
70%  #baafab
65%  #afa29d
60%  #a3958f
55%  #988881
50%  #8c7a73
45%  #7e6e67
40%  #70625c
35% 

 #615550
30%  #544945
25%  #463d39
20%  #38312e
15%  #2a2522
10%  #1c1817
5%  #0e0c0b
0%  #000000

Hue

hue HexRgbHsl
#625050rgb(98, 80, 80)hsl(0, 10%, 35%)
15 #625550rgb(98, 85, 80)hsl(15, 10%, 35%)
18 #615550rgb(97, 85, 80)hsl(18, 10%, 35%)
30 #625950rgb(98, 89, 80)hsl(30, 10%, 35%)
45 #625e50rgb(98, 94, 80)hsl(45, 10%, 35%)
60 #626250rgb(98, 98, 80)hsl(60, 10%, 35%)
75 #5e6250rgb(94, 98, 80)hsl(75, 10%, 35%)
90 #596250rgb(89, 98, 80)hsl(90, 10%, 35%)
105 #556250rgb(85, 98, 80)hsl(105, 10%, 35%)
120 #506250rgb(80, 98, 80)hsl(120, 10%, 35%)
135 #506255rgb(80, 98, 85)hsl(135, 10%, 35%)
150 #506259rgb(80, 98, 89)hsl(150, 10%, 35%)
165 #50625ergb(80, 98, 94)hsl(165, 10%, 35%)
180 #506262rgb(80, 98, 98)hsl(180, 10%, 35%)
195 #505e62rgb(80, 94, 98)hsl(195, 10%, 35%)
210 #505962rgb(80, 89, 98)hsl(210, 10%, 35%)
225 #505562rgb(80, 85, 98)hsl(225, 10%, 35%)
240 #505062rgb(80, 80, 98)hsl(240, 10%, 35%)
255 #555062rgb(85, 80, 98)hsl(255, 10%, 35%)
270 #595062rgb(89, 80, 98)hsl(270, 10%, 35%)
285 #5e5062rgb(94, 80, 98)hsl(285, 10%, 35%)
300 #625062rgb(98, 80, 98)hsl(300, 10%, 35%)
315 #62505ergb(98, 80, 94)hsl(315, 10%, 35%)
330 #625059rgb(98, 80, 89)hsl(330, 10%, 35%)
345 #625055rgb(98, 80, 85)hsl(345, 10%, 35%)
360 #625050rgb(98, 80, 80)hsl(0, 10%, 35%)


Saturation

sat HexRgbHsl
100% #b33600rgb(179, 54, 0)hsl(18, 100%, 35%)
95% #ae3704rgb(174, 55, 4)hsl(18, 95%, 35%)
90% #aa3909rgb(170, 57, 9)hsl(18, 90%, 35%)
85% #a53b0drgb(165, 59, 13)hsl(18, 85%, 35%)
80% #a13d12rgb(161, 61, 18)hsl(18, 80%, 35%)
75% #9c3e16rgb(156, 62, 22)hsl(18, 75%, 35%)
70% #98401brgb(152, 64, 27)hsl(18, 70%, 35%)
65% #93421frgb(147, 66, 31)hsl(18, 65%, 35%)
60% #8f4424rgb(143, 68, 36)hsl(18, 60%, 35%)
55% #8a4628rgb(138, 70, 40)hsl(18, 55%, 35%)
50% #86472drgb(134, 71, 45)hsl(18, 50%, 35%)
45% #814931rgb(129, 73, 49)hsl(18, 45%, 35%)
40% #7d4b36rgb(125, 75, 54)hsl(18, 40%, 35%)
35% #784d3argb(120, 77, 58)hsl(18, 35%, 35%)
30% #744f3ergb(116, 79, 62)hsl(18, 30%, 35%)
25% #705043rgb(112, 80, 67)hsl(18, 25%, 35%)
20% #6b5247rgb(107, 82, 71)hsl(18, 20%, 35%)
15% #67544crgb(103, 84, 76)hsl(18, 15%, 35%)
10% #615550rgb(97, 85, 80)hsl(18, 10%, 35%)
5% #5e5755rgb(94, 87, 85)hsl(18, 5%, 35%)
0% #595959rgb(89, 89, 89)hsl(18, 0%, 35%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(18, 10%, 100%)
95% #f4f2f1rgb(244, 242, 241)hsl(18, 10%, 95%)
90% #e8e4e3rgb(232, 228, 227)hsl(18, 10%, 90%)
85% #ddd7d5rgb(221, 215, 213)hsl(18, 10%, 85%)
80% #d1cac7rgb(209, 202, 199)hsl(18, 10%, 80%)
75% #c6bdb9rgb(198, 189, 185)hsl(18, 10%, 75%)
70% #baafabrgb(186, 175, 171)hsl(18, 10%, 70%)
65% #afa29drgb(175, 162, 157)hsl(18, 10%, 65%)
60% #a3958frgb(163, 149, 143)hsl(18, 10%, 60%)
55% #988881rgb(152, 136, 129)hsl(18, 10%, 55%)
50% #8c7a73rgb(140, 122, 115)hsl(18, 10%, 50%)
45% #7e6e67rgb(126, 110, 103)hsl(18, 10%, 45%)
40% #70625crgb(112, 98, 92)hsl(18, 10%, 40%)
35% #615550rgb(97, 85, 80)hsl(18, 10%, 35%)
30% #544945rgb(84, 73, 69)hsl(18, 10%, 30%)
25% #463d39rgb(70, 61, 57)hsl(18, 10%, 25%)
20% #38312ergb(56, 49, 46)hsl(18, 10%, 20%)
15% #2a2522rgb(42, 37, 34)hsl(18, 10%, 15%)
10% #1c1817rgb(28, 24, 23)hsl(18, 10%, 10%)
5% #0e0c0brgb(14, 12, 11)hsl(18, 10%, 5%)
0% #000000rgb(0, 0, 0)hsl(18, 10%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
97 85 80
rgb(97, 85, 80)
#615550