Tutorials References Exercises Videos Menu
Log in
Create Website Get Certified Upgrade

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
#363945
rgb(54, 57, 69)
hsl(228, 12%, 24%)

Lighter / Darker:

100%  #ffffff
95%  #f1f1f4
90%  #e2e4e9
85%  #d4d6dd
80%  #c6c8d2
75%  #b8bbc7
70%  #a9adbc
65%  #9b9fb0
60%  #8d92a5
55%  #7e849a
50%  #70768f
45%  #656a81
40%  #5a5f72
35%  #4f5364
30%  #434756
25%  #383b47
24%  #363945
20%  #2d2f39
15%  #22232b
10%  #16181d
5%  #0b0c0e
0%  #000000

Hue

hue HexRgbHsl
#453636rgb(69, 54, 54)hsl(0, 12%, 24%)
15 #453a36rgb(69, 58, 54)hsl(15, 12%, 24%)
30 #453d36rgb(69, 61, 54)hsl(30, 12%, 24%)
45 #454136rgb(69, 65, 54)hsl(45, 12%, 24%)
60 #454536rgb(69, 69, 54)hsl(60, 12%, 24%)
75 #414536rgb(65, 69, 54)hsl(75, 12%, 24%)
90 #3d4536rgb(61, 69, 54)hsl(90, 12%, 24%)
105 #3a4536rgb(58, 69, 54)hsl(105, 12%, 24%)
120 #364536rgb(54, 69, 54)hsl(120, 12%, 24%)
135 #36453argb(54, 69, 58)hsl(135, 12%, 24%)
150 #36453drgb(54, 69, 61)hsl(150, 12%, 24%)
165 #364541rgb(54, 69, 65)hsl(165, 12%, 24%)
180 #364545rgb(54, 69, 69)hsl(180, 12%, 24%)
195 #364145rgb(54, 65, 69)hsl(195, 12%, 24%)
210 #363d45rgb(54, 61, 69)hsl(210, 12%, 24%)
225 #363a45rgb(54, 58, 69)hsl(225, 12%, 24%)
228 #363945rgb(54, 57, 69)hsl(228, 12%, 24%)
240 #363645rgb(54, 54, 69)hsl(240, 12%, 24%)
255 #3a3645rgb(58, 54, 69)hsl(255, 12%, 24%)
270 #3d3645rgb(61, 54, 69)hsl(270, 12%, 24%)
285 #413645rgb(65, 54, 69)hsl(285, 12%, 24%)
300 #453645rgb(69, 54, 69)hsl(300, 12%, 24%)
315 #453641rgb(69, 54, 65)hsl(315, 12%, 24%)
330 #45363drgb(69, 54, 61)hsl(330, 12%, 24%)
345 #45363argb(69, 54, 58)hsl(345, 12%, 24%)
360 #453636rgb(69, 54, 54)hsl(0, 12%, 24%)


Saturation

sat HexRgbHsl
100% #00187argb(0, 24, 122)hsl(228, 100%, 24%)
95% #031a77rgb(3, 26, 119)hsl(228, 95%, 24%)
90% #061c74rgb(6, 28, 116)hsl(228, 90%, 24%)
85% #091e71rgb(9, 30, 113)hsl(228, 85%, 24%)
80% #0c206ergb(12, 32, 110)hsl(228, 80%, 24%)
75% #0f226brgb(15, 34, 107)hsl(228, 75%, 24%)
70% #122368rgb(18, 35, 104)hsl(228, 70%, 24%)
65% #152565rgb(21, 37, 101)hsl(228, 65%, 24%)
60% #182762rgb(24, 39, 98)hsl(228, 60%, 24%)
55% #1c295frgb(28, 41, 95)hsl(228, 55%, 24%)
50% #1f2b5crgb(31, 43, 92)hsl(228, 50%, 24%)
45% #222d59rgb(34, 45, 89)hsl(228, 45%, 24%)
40% #252f56rgb(37, 47, 86)hsl(228, 40%, 24%)
35% #283053rgb(40, 48, 83)hsl(228, 35%, 24%)
30% #2b3250rgb(43, 50, 80)hsl(228, 30%, 24%)
25% #2e344drgb(46, 52, 77)hsl(228, 25%, 24%)
20% #313649rgb(49, 54, 73)hsl(228, 20%, 24%)
15% #343846rgb(52, 56, 70)hsl(228, 15%, 24%)
12% #363945rgb(54, 57, 69)hsl(228, 12%, 24%)
10% #373a43rgb(55, 58, 67)hsl(228, 10%, 24%)
5% #3a3b40rgb(58, 59, 64)hsl(228, 5%, 24%)
0% #3d3d3drgb(61, 61, 61)hsl(228, 0%, 24%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(228, 12%, 100%)
95% #f1f1f4rgb(241, 241, 244)hsl(228, 12%, 95%)
90% #e2e4e9rgb(226, 228, 233)hsl(228, 12%, 90%)
85% #d4d6ddrgb(212, 214, 221)hsl(228, 12%, 85%)
80% #c6c8d2rgb(198, 200, 210)hsl(228, 12%, 80%)
75% #b8bbc7rgb(184, 187, 199)hsl(228, 12%, 75%)
70% #a9adbcrgb(169, 173, 188)hsl(228, 12%, 70%)
65% #9b9fb0rgb(155, 159, 176)hsl(228, 12%, 65%)
60% #8d92a5rgb(141, 146, 165)hsl(228, 12%, 60%)
55% #7e849argb(126, 132, 154)hsl(228, 12%, 55%)
50% #70768frgb(112, 118, 143)hsl(228, 12%, 50%)
45% #656a81rgb(101, 106, 129)hsl(228, 12%, 45%)
40% #5a5f72rgb(90, 95, 114)hsl(228, 12%, 40%)
35% #4f5364rgb(79, 83, 100)hsl(228, 12%, 35%)
30% #434756rgb(67, 71, 86)hsl(228, 12%, 30%)
25% #383b47rgb(56, 59, 71)hsl(228, 12%, 25%)
24% #363945rgb(54, 57, 69)hsl(228, 12%, 24%)
20% #2d2f39rgb(45, 47, 57)hsl(228, 12%, 20%)
15% #22232brgb(34, 35, 43)hsl(228, 12%, 15%)
10% #16181drgb(22, 24, 29)hsl(228, 12%, 10%)
5% #0b0c0ergb(11, 12, 14)hsl(228, 12%, 5%)
0% #000000rgb(0, 0, 0)hsl(228, 12%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
54 57 69
rgb(54, 57, 69)
#363945