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
#95dee3
rgb(149, 222, 227)
hsl(184, 58%, 74%)

Lighter / Darker:

100%  #ffffff
95%  #ebf9fa
90%  #d7f2f4
85%  #c3ecef
80%  #aee6ea
75%  #9adfe4
74%  #95dee3
70%  #86d9df
65%  #72d3da
60%  #5eccd4
55%  #4ac6cf
50%  #36c0c9
45%  #30acb5
40%  #2b99a1
35%  #25868d
30%  #207379
25%  #1b6065
20%  #154d51
15%  #10393c
10%  #0b2628
5%  #051314
0%  #000000

Hue

hue HexRgbHsl
#e39696rgb(227, 150, 150)hsl(0, 58%, 74%)
15 #e3a996rgb(227, 169, 150)hsl(15, 58%, 74%)
30 #e3bd96rgb(227, 189, 150)hsl(30, 58%, 74%)
45 #e3d096rgb(227, 208, 150)hsl(45, 58%, 74%)
60 #e3e396rgb(227, 227, 150)hsl(60, 58%, 74%)
75 #d0e396rgb(208, 227, 150)hsl(75, 58%, 74%)
90 #bde396rgb(189, 227, 150)hsl(90, 58%, 74%)
105 #a9e396rgb(169, 227, 150)hsl(105, 58%, 74%)
120 #96e396rgb(150, 227, 150)hsl(120, 58%, 74%)
135 #96e3a9rgb(150, 227, 169)hsl(135, 58%, 74%)
150 #96e3bdrgb(150, 227, 189)hsl(150, 58%, 74%)
165 #96e3d0rgb(150, 227, 208)hsl(165, 58%, 74%)
180 #96e3e3rgb(150, 227, 227)hsl(180, 58%, 74%)
184 #95dee3rgb(149, 222, 227)hsl(184, 58%, 74%)
195 #96d0e3rgb(150, 208, 227)hsl(195, 58%, 74%)
210 #96bde3rgb(150, 189, 227)hsl(210, 58%, 74%)
225 #96a9e3rgb(150, 169, 227)hsl(225, 58%, 74%)
240 #9696e3rgb(150, 150, 227)hsl(240, 58%, 74%)
255 #a996e3rgb(169, 150, 227)hsl(255, 58%, 74%)
270 #bd96e3rgb(189, 150, 227)hsl(270, 58%, 74%)
285 #d096e3rgb(208, 150, 227)hsl(285, 58%, 74%)
300 #e396e3rgb(227, 150, 227)hsl(300, 58%, 74%)
315 #e396d0rgb(227, 150, 208)hsl(315, 58%, 74%)
330 #e396bdrgb(227, 150, 189)hsl(330, 58%, 74%)
345 #e396a9rgb(227, 150, 169)hsl(345, 58%, 74%)
360 #e39696rgb(227, 150, 150)hsl(0, 58%, 74%)


Saturation

sat HexRgbHsl
100% #7af6ffrgb(122, 246, 255)hsl(184, 100%, 74%)
95% #7ef3fcrgb(126, 243, 252)hsl(184, 95%, 74%)
90% #81f0f8rgb(129, 240, 248)hsl(184, 90%, 74%)
85% #84eef5rgb(132, 238, 245)hsl(184, 85%, 74%)
80% #88ebf2rgb(136, 235, 242)hsl(184, 80%, 74%)
75% #8be8eergb(139, 232, 238)hsl(184, 75%, 74%)
70% #8ee5ebrgb(142, 229, 235)hsl(184, 70%, 74%)
65% #92e2e8rgb(146, 226, 232)hsl(184, 65%, 74%)
60% #95dfe4rgb(149, 223, 228)hsl(184, 60%, 74%)
58% #95dee3rgb(149, 222, 227)hsl(184, 58%, 74%)
55% #98dce1rgb(152, 220, 225)hsl(184, 55%, 74%)
50% #9cd9dergb(156, 217, 222)hsl(184, 50%, 74%)
45% #9fd7dbrgb(159, 215, 219)hsl(184, 45%, 74%)
40% #a2d4d7rgb(162, 212, 215)hsl(184, 40%, 74%)
35% #a5d1d4rgb(165, 209, 212)hsl(184, 35%, 74%)
30% #a9ced1rgb(169, 206, 209)hsl(184, 30%, 74%)
25% #accbcdrgb(172, 203, 205)hsl(184, 25%, 74%)
20% #afc8cargb(175, 200, 202)hsl(184, 20%, 74%)
15% #b3c5c7rgb(179, 197, 199)hsl(184, 15%, 74%)
10% #b6c2c3rgb(182, 194, 195)hsl(184, 10%, 74%)
5% #b9c0c0rgb(185, 192, 192)hsl(184, 5%, 74%)
0% #bdbdbdrgb(189, 189, 189)hsl(184, 0%, 74%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(184, 58%, 100%)
95% #ebf9fargb(235, 249, 250)hsl(184, 58%, 95%)
90% #d7f2f4rgb(215, 242, 244)hsl(184, 58%, 90%)
85% #c3ecefrgb(195, 236, 239)hsl(184, 58%, 85%)
80% #aee6eargb(174, 230, 234)hsl(184, 58%, 80%)
75% #9adfe4rgb(154, 223, 228)hsl(184, 58%, 75%)
74% #95dee3rgb(149, 222, 227)hsl(184, 58%, 74%)
70% #86d9dfrgb(134, 217, 223)hsl(184, 58%, 70%)
65% #72d3dargb(114, 211, 218)hsl(184, 58%, 65%)
60% #5eccd4rgb(94, 204, 212)hsl(184, 58%, 60%)
55% #4ac6cfrgb(74, 198, 207)hsl(184, 58%, 55%)
50% #36c0c9rgb(54, 192, 201)hsl(184, 58%, 50%)
45% #30acb5rgb(48, 172, 181)hsl(184, 58%, 45%)
40% #2b99a1rgb(43, 153, 161)hsl(184, 58%, 40%)
35% #25868drgb(37, 134, 141)hsl(184, 58%, 35%)
30% #207379rgb(32, 115, 121)hsl(184, 58%, 30%)
25% #1b6065rgb(27, 96, 101)hsl(184, 58%, 25%)
20% #154d51rgb(21, 77, 81)hsl(184, 58%, 20%)
15% #10393crgb(16, 57, 60)hsl(184, 58%, 15%)
10% #0b2628rgb(11, 38, 40)hsl(184, 58%, 10%)
5% #051314rgb(5, 19, 20)hsl(184, 58%, 5%)
0% #000000rgb(0, 0, 0)hsl(184, 58%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
149 222 227
rgb(149, 222, 227)
#95dee3