Tutorials References Menu

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
#c48f65
rgb(196, 143, 101)
hsl(27, 45%, 58%)

Lighter / Darker:

100%  #ffffff
95%  #f8f2ed
90%  #f1e4da
85%  #ead7c8
80%  #e3cab5
75%  #dcbca3
70%  #d5af90
65%  #cea27e
60%  #c7946b
58%  #c48f65
55%  #c08759
50%  #b97a46
45%  #a66e3f
40%  #946138
35%  #815531
30%  #6f492a
25%  #5c3d23
20%  #4a311c
15%  #372515
10%  #25180e
5%  #120c07
0%  #000000

Hue

hue HexRgbHsl
#c46464rgb(196, 100, 100)hsl(0, 45%, 58%)
15 #c47c64rgb(196, 124, 100)hsl(15, 45%, 58%)
27 #c48f65rgb(196, 143, 101)hsl(27, 45%, 58%)
30 #c49464rgb(196, 148, 100)hsl(30, 45%, 58%)
45 #c4ac64rgb(196, 172, 100)hsl(45, 45%, 58%)
60 #c4c464rgb(196, 196, 100)hsl(60, 45%, 58%)
75 #acc464rgb(172, 196, 100)hsl(75, 45%, 58%)
90 #94c464rgb(148, 196, 100)hsl(90, 45%, 58%)
105 #7cc464rgb(124, 196, 100)hsl(105, 45%, 58%)
120 #64c464rgb(100, 196, 100)hsl(120, 45%, 58%)
135 #64c47crgb(100, 196, 124)hsl(135, 45%, 58%)
150 #64c494rgb(100, 196, 148)hsl(150, 45%, 58%)
165 #64c4acrgb(100, 196, 172)hsl(165, 45%, 58%)
180 #64c4c4rgb(100, 196, 196)hsl(180, 45%, 58%)
195 #64acc4rgb(100, 172, 196)hsl(195, 45%, 58%)
210 #6494c4rgb(100, 148, 196)hsl(210, 45%, 58%)
225 #647cc4rgb(100, 124, 196)hsl(225, 45%, 58%)
240 #6464c4rgb(100, 100, 196)hsl(240, 45%, 58%)
255 #7c64c4rgb(124, 100, 196)hsl(255, 45%, 58%)
270 #9464c4rgb(148, 100, 196)hsl(270, 45%, 58%)
285 #ac64c4rgb(172, 100, 196)hsl(285, 45%, 58%)
300 #c464c4rgb(196, 100, 196)hsl(300, 45%, 58%)
315 #c464acrgb(196, 100, 172)hsl(315, 45%, 58%)
330 #c46494rgb(196, 100, 148)hsl(330, 45%, 58%)
345 #c4647crgb(196, 100, 124)hsl(345, 45%, 58%)
360 #c46464rgb(196, 100, 100)hsl(0, 45%, 58%)


Saturation

sat HexRgbHsl
100% #ff8929rgb(255, 137, 41)hsl(27, 100%, 58%)
95% #fa8a2ergb(250, 138, 46)hsl(27, 95%, 58%)
90% #f48a34rgb(244, 138, 52)hsl(27, 90%, 58%)
85% #ef8b39rgb(239, 139, 57)hsl(27, 85%, 58%)
80% #ea8b3ergb(234, 139, 62)hsl(27, 80%, 58%)
75% #e48c44rgb(228, 140, 68)hsl(27, 75%, 58%)
70% #df8c49rgb(223, 140, 73)hsl(27, 70%, 58%)
65% #da8d4ergb(218, 141, 78)hsl(27, 65%, 58%)
60% #d48d54rgb(212, 141, 84)hsl(27, 60%, 58%)
55% #cf8e59rgb(207, 142, 89)hsl(27, 55%, 58%)
50% #c98f5ergb(201, 143, 94)hsl(27, 50%, 58%)
45% #c48f65rgb(196, 143, 101)hsl(27, 45%, 58%)
40% #bf9069rgb(191, 144, 105)hsl(27, 40%, 58%)
35% #b9906ergb(185, 144, 110)hsl(27, 35%, 58%)
30% #b49174rgb(180, 145, 116)hsl(27, 30%, 58%)
25% #af9179rgb(175, 145, 121)hsl(27, 25%, 58%)
20% #a9927ergb(169, 146, 126)hsl(27, 20%, 58%)
15% #a49284rgb(164, 146, 132)hsl(27, 15%, 58%)
10% #9f9389rgb(159, 147, 137)hsl(27, 10%, 58%)
5% #99938frgb(153, 147, 143)hsl(27, 5%, 58%)
0% #949494rgb(148, 148, 148)hsl(27, 0%, 58%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(27, 45%, 100%)
95% #f8f2edrgb(248, 242, 237)hsl(27, 45%, 95%)
90% #f1e4dargb(241, 228, 218)hsl(27, 45%, 90%)
85% #ead7c8rgb(234, 215, 200)hsl(27, 45%, 85%)
80% #e3cab5rgb(227, 202, 181)hsl(27, 45%, 80%)
75% #dcbca3rgb(220, 188, 163)hsl(27, 45%, 75%)
70% #d5af90rgb(213, 175, 144)hsl(27, 45%, 70%)
65% #cea27ergb(206, 162, 126)hsl(27, 45%, 65%)
60% #c7946brgb(199, 148, 107)hsl(27, 45%, 60%)
58% #c48f65rgb(196, 143, 101)hsl(27, 45%, 58%)
55% #c08759rgb(192, 135, 89)hsl(27, 45%, 55%)
50% #b97a46rgb(185, 122, 70)hsl(27, 45%, 50%)
45% #a66e3frgb(166, 110, 63)hsl(27, 45%, 45%)
40% #946138rgb(148, 97, 56)hsl(27, 45%, 40%)
35% #815531rgb(129, 85, 49)hsl(27, 45%, 35%)
30% #6f492argb(111, 73, 42)hsl(27, 45%, 30%)
25% #5c3d23rgb(92, 61, 35)hsl(27, 45%, 25%)
20% #4a311crgb(74, 49, 28)hsl(27, 45%, 20%)
15% #372515rgb(55, 37, 21)hsl(27, 45%, 15%)
10% #25180ergb(37, 24, 14)hsl(27, 45%, 10%)
5% #120c07rgb(18, 12, 7)hsl(27, 45%, 5%)
0% #000000rgb(0, 0, 0)hsl(27, 45%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
196 143 101
rgb(196, 143, 101)
#c48f65