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
indianred
#cd5c5c
rgb(205, 92, 92)
hsl(0, 53%, 58%)
hsv(0, 55%, 80%)

Lighter / Darker:

100%  #ffffff
95%  #f9ebeb
90%  #f3d8d8
85%  #edc4c4
80%  #e7b1b1
75%  #e19d9d
70%  #db8a8a
65%  #d57676
60%  #cf6363
58%  #cd5c5c
55%  #c94f4f
50%  #c33c3c
45%  #b03636
40%  #9c3030
35%  #892a2a
30%  #752424
25%  #621e1e
20%  #4e1818
15%  #3b1212
10%  #270c0c
5%  #140606
0%  #000000

Hue

Hue HexRgbHslHsv
#cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%)
15 #cd785crgb(205, 120, 92)hsl(15, 53%, 58%)hsv(15, 55%, 80%)
30 #cd945crgb(205, 148, 92)hsl(30, 53%, 58%)hsv(30, 55%, 80%)
45 #cdb15crgb(205, 177, 92)hsl(45, 53%, 58%)hsv(45, 55%, 80%)
60 #cdcd5crgb(205, 205, 92)hsl(60, 53%, 58%)hsv(60, 55%, 80%)
75 #b1cd5crgb(177, 205, 92)hsl(75, 53%, 58%)hsv(75, 55%, 80%)
90 #94cd5crgb(148, 205, 92)hsl(90, 53%, 58%)hsv(90, 55%, 80%)
105 #78cd5crgb(120, 205, 92)hsl(105, 53%, 58%)hsv(105, 55%, 80%)
120 #5ccd5crgb(92, 205, 92)hsl(120, 53%, 58%)hsv(120, 55%, 80%)
135 #5ccd78rgb(92, 205, 120)hsl(135, 53%, 58%)hsv(135, 55%, 80%)
150 #5ccd94rgb(92, 205, 148)hsl(150, 53%, 58%)hsv(150, 55%, 80%)
165 #5ccdb1rgb(92, 205, 177)hsl(165, 53%, 58%)hsv(165, 55%, 80%)
180 #5ccdcdrgb(92, 205, 205)hsl(180, 53%, 58%)hsv(180, 55%, 80%)
195 #5cb1cdrgb(92, 177, 205)hsl(195, 53%, 58%)hsv(195, 55%, 80%)
210 #5c94cdrgb(92, 148, 205)hsl(210, 53%, 58%)hsv(210, 55%, 80%)
225 #5c78cdrgb(92, 120, 205)hsl(225, 53%, 58%)hsv(225, 55%, 80%)
240 #5c5ccdrgb(92, 92, 205)hsl(240, 53%, 58%)hsv(240, 55%, 80%)
255 #785ccdrgb(120, 92, 205)hsl(255, 53%, 58%)hsv(255, 55%, 80%)
270 #945ccdrgb(148, 92, 205)hsl(270, 53%, 58%)hsv(270, 55%, 80%)
285 #b15ccdrgb(177, 92, 205)hsl(285, 53%, 58%)hsv(285, 55%, 80%)
300 #cd5ccdrgb(205, 92, 205)hsl(300, 53%, 58%)hsv(300, 55%, 80%)
315 #cd5cb1rgb(205, 92, 177)hsl(315, 53%, 58%)hsv(315, 55%, 80%)
330 #cd5c94rgb(205, 92, 148)hsl(330, 53%, 58%)hsv(330, 55%, 80%)
345 #cd5c78rgb(205, 92, 120)hsl(345, 53%, 58%)hsv(345, 55%, 80%)
360 #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%)

HSL Saturation

Sat HexRgbHslHsv
100% #ff2a2argb(255, 42, 42)hsl(0, 100%, 58%)hsv(0, 84%, 100%)
95% #fa2f2frgb(250, 47, 47)hsl(0, 95%, 58%)hsv(0, 81%, 98%)
90% #f43535rgb(244, 53, 53)hsl(0, 90%, 58%)hsv(0, 78%, 96%)
85% #ef3a3argb(239, 58, 58)hsl(0, 85%, 58%)hsv(0, 76%, 94%)
80% #ea3f3frgb(234, 63, 63)hsl(0, 80%, 58%)hsv(0, 73%, 92%)
75% #e44545rgb(228, 69, 69)hsl(0, 75%, 58%)hsv(0, 70%, 90%)
70% #df4a4argb(223, 74, 74)hsl(0, 70%, 58%)hsv(0, 67%, 87%)
65% #da4f4frgb(218, 79, 79)hsl(0, 65%, 58%)hsv(0, 64%, 85%)
60% #d45555rgb(212, 85, 85)hsl(0, 60%, 58%)hsv(0, 60%, 83%)
55% #cf5a5argb(207, 90, 90)hsl(0, 55%, 58%)hsv(0, 57%, 81%)
53% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%) 
50% #ca5f5frgb(202, 95, 95)hsl(0, 50%, 58%)hsv(0, 53%, 79%)
45% #c46565rgb(196, 101, 101)hsl(0, 45%, 58%)hsv(0, 49%, 77%)
40% #bf6a6argb(191, 106, 106)hsl(0, 40%, 58%)hsv(0, 45%, 75%)
35% #ba6f6frgb(186, 111, 111)hsl(0, 35%, 58%)hsv(0, 40%, 73%)
30% #b47575rgb(180, 117, 117)hsl(0, 30%, 58%)hsv(0, 35%, 71%)
25% #af7a7argb(175, 122, 122)hsl(0, 25%, 58%)hsv(0, 30%, 69%)
20% #aa7f7frgb(170, 127, 127)hsl(0, 20%, 58%)hsv(0, 25%, 67%)
15% #a48585rgb(164, 133, 133)hsl(0, 15%, 58%)hsv(0, 19%, 64%)
10% #9f8a8argb(159, 138, 138)hsl(0, 10%, 58%)hsv(0, 13%, 62%)
5% #9a8f8frgb(154, 143, 143)hsl(0, 5%, 58%)hsv(0, 7%, 60%)
0% #949494rgb(148, 148, 148)hsl(0, 0%, 58%)hsv(0, 0%, 58%)

HSL Lighter / Darker

Lum HexRgbHslHsv
100% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)
95% #f9ebebrgb(249, 235, 235)hsl(0, 53%, 95%)hsv(0, 5%, 98%)
90% #f3d8d8rgb(243, 216, 216)hsl(0, 53%, 90%)hsv(0, 11%, 95%)
85% #edc4c4rgb(237, 196, 196)hsl(0, 53%, 85%)hsv(0, 17%, 93%)
80% #e7b1b1rgb(231, 177, 177)hsl(0, 53%, 80%)hsv(0, 23%, 91%)
75% #e19d9drgb(225, 157, 157)hsl(0, 53%, 75%)hsv(0, 30%, 88%)
70% #db8a8argb(219, 138, 138)hsl(0, 53%, 70%)hsv(0, 37%, 86%)
65% #d57676rgb(213, 118, 118)hsl(0, 53%, 65%)hsv(0, 44%, 84%)
60% #cf6363rgb(207, 99, 99)hsl(0, 53%, 60%)hsv(0, 52%, 81%)
58% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%) 
55% #c94f4frgb(201, 79, 79)hsl(0, 53%, 55%)hsv(0, 61%, 79%)
50% #c33c3crgb(195, 60, 60)hsl(0, 53%, 50%)hsv(0, 69%, 77%)
45% #b03636rgb(176, 54, 54)hsl(0, 53%, 45%)hsv(0, 69%, 69%)
40% #9c3030rgb(156, 48, 48)hsl(0, 53%, 40%)hsv(0, 69%, 61%)
35% #892a2argb(137, 42, 42)hsl(0, 53%, 35%)hsv(0, 69%, 54%)
30% #752424rgb(117, 36, 36)hsl(0, 53%, 30%)hsv(0, 69%, 46%)
25% #621e1ergb(98, 30, 30)hsl(0, 53%, 25%)hsv(0, 69%, 38%)
20% #4e1818rgb(78, 24, 24)hsl(0, 53%, 20%)hsv(0, 69%, 31%)
15% #3b1212rgb(59, 18, 18)hsl(0, 53%, 15%)hsv(0, 69%, 23%)
10% #270c0crgb(39, 12, 12)hsl(0, 53%, 10%)hsv(0, 69%, 15%)
5% #140606rgb(20, 6, 6)hsl(0, 53%, 5%)hsv(0, 69%, 8%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

HSV Saturation

Sat HexRgbHslHsv
100% #cd0000rgb(205, 0, 0)hsl(0, 100%, 40%)hsv(0, 100%, 80%)
95% #cd0a0argb(205, 10, 10)hsl(0, 90%, 42%)hsv(0, 95%, 80%)
90% #cd1414rgb(205, 20, 20)hsl(0, 82%, 44%)hsv(0, 90%, 80%)
85% #cd1f1frgb(205, 31, 31)hsl(0, 74%, 46%)hsv(0, 85%, 80%)
80% #cd2929rgb(205, 41, 41)hsl(0, 67%, 48%)hsv(0, 80%, 80%)
75% #cd3333rgb(205, 51, 51)hsl(0, 61%, 50%)hsv(0, 75%, 80%)
70% #cd3d3drgb(205, 61, 61)hsl(0, 59%, 52%)hsv(0, 70%, 80%)
65% #cd4848rgb(205, 72, 72)hsl(0, 57%, 54%)hsv(0, 65%, 80%)
60% #cd5252rgb(205, 82, 82)hsl(0, 55%, 56%)hsv(0, 60%, 80%)
55% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%)
50% #cd6666rgb(205, 102, 102)hsl(0, 51%, 60%)hsv(0, 50%, 80%)
45% #cd7171rgb(205, 113, 113)hsl(0, 48%, 62%)hsv(0, 45%, 80%)
40% #cd7b7brgb(205, 123, 123)hsl(0, 45%, 64%)hsv(0, 40%, 80%)
35% #cd8585rgb(205, 133, 133)hsl(0, 42%, 66%)hsv(0, 35%, 80%)
30% #cd8f8frgb(205, 143, 143)hsl(0, 38%, 68%)hsv(0, 30%, 80%)
25% #cd9a9argb(205, 154, 154)hsl(0, 34%, 70%)hsv(0, 25%, 80%)
20% #cda4a4rgb(205, 164, 164)hsl(0, 29%, 72%)hsv(0, 20%, 80%)
15% #cdaeaergb(205, 174, 174)hsl(0, 24%, 74%)hsv(0, 15%, 80%)
10% #cdb8b8rgb(205, 184, 184)hsl(0, 17%, 76%)hsv(0, 10%, 80%)
5% #cdc3c3rgb(205, 195, 195)hsl(0, 9%, 78%)hsv(0, 5%, 80%)
0% #cdcdcdrgb(205, 205, 205)hsl(0, 0%, 80%)hsv(0, 0%, 80%)

HSV Brighter / Darker

Value HexRgbHslHsv
100% #ff7272rgb(255, 114, 114)hsl(0, 100%, 72%)hsv(0, 55%, 100%)
95% #f26d6drgb(242, 109, 109)hsl(0, 84%, 69%)hsv(0, 55%, 95%)
90% #e66767rgb(230, 103, 103)hsl(0, 71%, 65%)hsv(0, 55%, 90%)
85% #d96161rgb(217, 97, 97)hsl(0, 61%, 62%)hsv(0, 55%, 85%)
80% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)hsv(0, 55%, 80%)
75% #bf5656rgb(191, 86, 86)hsl(0, 45%, 54%)hsv(0, 55%, 75%)
70% #b35050rgb(179, 80, 80)hsl(0, 39%, 51%)hsv(0, 55%, 70%)
65% #a64a4argb(166, 74, 74)hsl(0, 38%, 47%)hsv(0, 55%, 65%)
60% #994545rgb(153, 69, 69)hsl(0, 38%, 43%)hsv(0, 55%, 60%)
55% #8c3f3frgb(140, 63, 63)hsl(0, 38%, 40%)hsv(0, 55%, 55%)
50% #803939rgb(128, 57, 57)hsl(0, 38%, 36%)hsv(0, 55%, 50%)
45% #733333rgb(115, 51, 51)hsl(0, 38%, 33%)hsv(0, 55%, 45%)
40% #662e2ergb(102, 46, 46)hsl(0, 38%, 29%)hsv(0, 55%, 40%)
35% #592828rgb(89, 40, 40)hsl(0, 38%, 25%)hsv(0, 55%, 35%)
30% #4d2222rgb(77, 34, 34)hsl(0, 38%, 22%)hsv(0, 55%, 30%)
25% #401d1drgb(64, 29, 29)hsl(0, 38%, 18%)hsv(0, 55%, 25%)
20% #331717rgb(51, 23, 23)hsl(0, 38%, 14%)hsv(0, 55%, 20%)
15% #261111rgb(38, 17, 17)hsl(0, 38%, 11%)hsv(0, 55%, 15%)
10% #1a0b0brgb(26, 11, 11)hsl(0, 38%, 7%)hsv(0, 55%, 10%)
5% #0d0606rgb(13, 6, 6)hsl(0, 38%, 4%)hsv(0, 55%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
205 92 92
rgb(205, 92, 92)  #cd5c5c