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
#7fcdcd
rgb(127, 205, 205)
hsl(180, 44%, 65%)

Lighter / Darker:

100%  #ffffff
95%  #edf8f8
90%  #daf1f1
85%  #c8eaea
80%  #b6e2e2
75%  #a3dbdb
70%  #91d4d4
65% 

 #7fcdcd
60%  #6cc6c6
55%  #5abfbf
50%  #47b8b8
45%  #40a5a5
40%  #399393
35%  #328181
30%  #2b6e6e
25%  #245c5c
20%  #1d4949
15%  #153737
10%  #0e2525
5%  #071212
0%  #000000

Hue

hue HexRgbHsl
#cd7e7ergb(205, 126, 126)hsl(0, 44%, 65%)
15 #cd927ergb(205, 146, 126)hsl(15, 44%, 65%)
30 #cda67ergb(205, 166, 126)hsl(30, 44%, 65%)
45 #cdb97ergb(205, 185, 126)hsl(45, 44%, 65%)
60 #cdcd7ergb(205, 205, 126)hsl(60, 44%, 65%)
75 #b9cd7ergb(185, 205, 126)hsl(75, 44%, 65%)
90 #a6cd7ergb(166, 205, 126)hsl(90, 44%, 65%)
105 #92cd7ergb(146, 205, 126)hsl(105, 44%, 65%)
120 #7ecd7ergb(126, 205, 126)hsl(120, 44%, 65%)
135 #7ecd92rgb(126, 205, 146)hsl(135, 44%, 65%)
150 #7ecda6rgb(126, 205, 166)hsl(150, 44%, 65%)
165 #7ecdb9rgb(126, 205, 185)hsl(165, 44%, 65%)
180 #7fcdcdrgb(127, 205, 205)hsl(180, 44%, 65%)
195 #7eb9cdrgb(126, 185, 205)hsl(195, 44%, 65%)
210 #7ea6cdrgb(126, 166, 205)hsl(210, 44%, 65%)
225 #7e92cdrgb(126, 146, 205)hsl(225, 44%, 65%)
240 #7e7ecdrgb(126, 126, 205)hsl(240, 44%, 65%)
255 #927ecdrgb(146, 126, 205)hsl(255, 44%, 65%)
270 #a67ecdrgb(166, 126, 205)hsl(270, 44%, 65%)
285 #b97ecdrgb(185, 126, 205)hsl(285, 44%, 65%)
300 #cd7ecdrgb(205, 126, 205)hsl(300, 44%, 65%)
315 #cd7eb9rgb(205, 126, 185)hsl(315, 44%, 65%)
330 #cd7ea6rgb(205, 126, 166)hsl(330, 44%, 65%)
345 #cd7e92rgb(205, 126, 146)hsl(345, 44%, 65%)
360 #cd7e7ergb(205, 126, 126)hsl(0, 44%, 65%)


Saturation

sat HexRgbHsl
100% #4dffffrgb(77, 255, 255)hsl(180, 100%, 65%)
95% #51fbfbrgb(81, 251, 251)hsl(180, 95%, 65%)
90% #55f6f6rgb(85, 246, 246)hsl(180, 90%, 65%)
85% #5af2f2rgb(90, 242, 242)hsl(180, 85%, 65%)
80% #5eededrgb(94, 237, 237)hsl(180, 80%, 65%)
75% #63e9e9rgb(99, 233, 233)hsl(180, 75%, 65%)
70% #67e4e4rgb(103, 228, 228)hsl(180, 70%, 65%)
65% #6ce0e0rgb(108, 224, 224)hsl(180, 65%, 65%)
60% #70dbdbrgb(112, 219, 219)hsl(180, 60%, 65%)
55% #75d7d7rgb(117, 215, 215)hsl(180, 55%, 65%)
50% #79d2d2rgb(121, 210, 210)hsl(180, 50%, 65%)
45% #7ececergb(126, 206, 206)hsl(180, 45%, 65%)
44% #7fcdcdrgb(127, 205, 205)hsl(180, 44%, 65%)
40% #82c9c9rgb(130, 201, 201)hsl(180, 40%, 65%)
35% #87c5c5rgb(135, 197, 197)hsl(180, 35%, 65%)
30% #8bc1c1rgb(139, 193, 193)hsl(180, 30%, 65%)
25% #8fbcbcrgb(143, 188, 188)hsl(180, 25%, 65%)
20% #94b8b8rgb(148, 184, 184)hsl(180, 20%, 65%)
15% #98b3b3rgb(152, 179, 179)hsl(180, 15%, 65%)
10% #9dafafrgb(157, 175, 175)hsl(180, 10%, 65%)
5% #a1aaaargb(161, 170, 170)hsl(180, 5%, 65%)
0% #a6a6a6rgb(166, 166, 166)hsl(180, 0%, 65%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(180, 44%, 100%)
95% #edf8f8rgb(237, 248, 248)hsl(180, 44%, 95%)
90% #daf1f1rgb(218, 241, 241)hsl(180, 44%, 90%)
85% #c8eaeargb(200, 234, 234)hsl(180, 44%, 85%)
80% #b6e2e2rgb(182, 226, 226)hsl(180, 44%, 80%)
75% #a3dbdbrgb(163, 219, 219)hsl(180, 44%, 75%)
70% #91d4d4rgb(145, 212, 212)hsl(180, 44%, 70%)
65% #7fcdcdrgb(127, 205, 205)hsl(180, 44%, 65%)
60% #6cc6c6rgb(108, 198, 198)hsl(180, 44%, 60%)
55% #5abfbfrgb(90, 191, 191)hsl(180, 44%, 55%)
50% #47b8b8rgb(71, 184, 184)hsl(180, 44%, 50%)
45% #40a5a5rgb(64, 165, 165)hsl(180, 44%, 45%)
40% #399393rgb(57, 147, 147)hsl(180, 44%, 40%)
35% #328181rgb(50, 129, 129)hsl(180, 44%, 35%)
30% #2b6e6ergb(43, 110, 110)hsl(180, 44%, 30%)
25% #245c5crgb(36, 92, 92)hsl(180, 44%, 25%)
20% #1d4949rgb(29, 73, 73)hsl(180, 44%, 20%)
15% #153737rgb(21, 55, 55)hsl(180, 44%, 15%)
10% #0e2525rgb(14, 37, 37)hsl(180, 44%, 10%)
5% #071212rgb(7, 18, 18)hsl(180, 44%, 5%)
0% #000000rgb(0, 0, 0)hsl(180, 44%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
127 205 205
rgb(127, 205, 205)
#7fcdcd