HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
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%)
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 | Hex | Rgb | Hsl | |
0 | #cd5c5c | rgb(205, 92, 92) | hsl(0, 53%, 58%) | |
15 | #cd785b | rgb(205, 120, 91) | hsl(15, 53%, 58%) | |
30 | #cd945b | rgb(205, 148, 91) | hsl(30, 53%, 58%) | |
45 | #cdb05b | rgb(205, 176, 91) | hsl(45, 53%, 58%) | |
60 | #cdcd5b | rgb(205, 205, 91) | hsl(60, 53%, 58%) | |
75 | #b0cd5b | rgb(176, 205, 91) | hsl(75, 53%, 58%) | |
90 | #94cd5b | rgb(148, 205, 91) | hsl(90, 53%, 58%) | |
105 | #78cd5b | rgb(120, 205, 91) | hsl(105, 53%, 58%) | |
120 | #5bcd5b | rgb(91, 205, 91) | hsl(120, 53%, 58%) | |
135 | #5bcd78 | rgb(91, 205, 120) | hsl(135, 53%, 58%) | |
150 | #5bcd94 | rgb(91, 205, 148) | hsl(150, 53%, 58%) | |
165 | #5bcdb0 | rgb(91, 205, 176) | hsl(165, 53%, 58%) | |
180 | #5bcdcd | rgb(91, 205, 205) | hsl(180, 53%, 58%) | |
195 | #5bb0cd | rgb(91, 176, 205) | hsl(195, 53%, 58%) | |
210 | #5b94cd | rgb(91, 148, 205) | hsl(210, 53%, 58%) | |
225 | #5b78cd | rgb(91, 120, 205) | hsl(225, 53%, 58%) | |
240 | #5b5bcd | rgb(91, 91, 205) | hsl(240, 53%, 58%) | |
255 | #785bcd | rgb(120, 91, 205) | hsl(255, 53%, 58%) | |
270 | #945bcd | rgb(148, 91, 205) | hsl(270, 53%, 58%) | |
285 | #b05bcd | rgb(176, 91, 205) | hsl(285, 53%, 58%) | |
300 | #cd5bcd | rgb(205, 91, 205) | hsl(300, 53%, 58%) | |
315 | #cd5bb0 | rgb(205, 91, 176) | hsl(315, 53%, 58%) | |
330 | #cd5b94 | rgb(205, 91, 148) | hsl(330, 53%, 58%) | |
345 | #cd5b78 | rgb(205, 91, 120) | hsl(345, 53%, 58%) | |
360 | #cd5b5b | rgb(205, 91, 91) | hsl(0, 53%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff2929 | rgb(255, 41, 41) | hsl(0, 100%, 58%) | |
95% | #fa2e2e | rgb(250, 46, 46) | hsl(0, 95%, 58%) | |
90% | #f43434 | rgb(244, 52, 52) | hsl(0, 90%, 58%) | |
85% | #ef3939 | rgb(239, 57, 57) | hsl(0, 85%, 58%) | |
80% | #ea3e3e | rgb(234, 62, 62) | hsl(0, 80%, 58%) | |
75% | #e44444 | rgb(228, 68, 68) | hsl(0, 75%, 58%) | |
70% | #df4949 | rgb(223, 73, 73) | hsl(0, 70%, 58%) | |
65% | #da4e4e | rgb(218, 78, 78) | hsl(0, 65%, 58%) | |
60% | #d45454 | rgb(212, 84, 84) | hsl(0, 60%, 58%) | |
55% | #cf5959 | rgb(207, 89, 89) | hsl(0, 55%, 58%) | |
53% | #cd5c5c | rgb(205, 92, 92) | hsl(0, 53%, 58%) | |
50% | #c95e5e | rgb(201, 94, 94) | hsl(0, 50%, 58%) | |
45% | #c46464 | rgb(196, 100, 100) | hsl(0, 45%, 58%) | |
40% | #bf6969 | rgb(191, 105, 105) | hsl(0, 40%, 58%) | |
35% | #b96e6e | rgb(185, 110, 110) | hsl(0, 35%, 58%) | |
30% | #b47474 | rgb(180, 116, 116) | hsl(0, 30%, 58%) | |
25% | #af7979 | rgb(175, 121, 121) | hsl(0, 25%, 58%) | |
20% | #a97e7e | rgb(169, 126, 126) | hsl(0, 20%, 58%) | |
15% | #a48484 | rgb(164, 132, 132) | hsl(0, 15%, 58%) | |
10% | #9f8989 | rgb(159, 137, 137) | hsl(0, 10%, 58%) | |
5% | #998f8f | rgb(153, 143, 143) | hsl(0, 5%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(0, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(0, 53%, 100%) | |
95% | #f9ebeb | rgb(249, 235, 235) | hsl(0, 53%, 95%) | |
90% | #f3d8d8 | rgb(243, 216, 216) | hsl(0, 53%, 90%) | |
85% | #edc4c4 | rgb(237, 196, 196) | hsl(0, 53%, 85%) | |
80% | #e7b1b1 | rgb(231, 177, 177) | hsl(0, 53%, 80%) | |
75% | #e19d9d | rgb(225, 157, 157) | hsl(0, 53%, 75%) | |
70% | #db8a8a | rgb(219, 138, 138) | hsl(0, 53%, 70%) | |
65% | #d57676 | rgb(213, 118, 118) | hsl(0, 53%, 65%) | |
60% | #cf6363 | rgb(207, 99, 99) | hsl(0, 53%, 60%) | |
58% | #cd5c5c | rgb(205, 92, 92) | hsl(0, 53%, 58%) | |
55% | #c94f4f | rgb(201, 79, 79) | hsl(0, 53%, 55%) | |
50% | #c33c3c | rgb(195, 60, 60) | hsl(0, 53%, 50%) | |
45% | #b03636 | rgb(176, 54, 54) | hsl(0, 53%, 45%) | |
40% | #9c3030 | rgb(156, 48, 48) | hsl(0, 53%, 40%) | |
35% | #892a2a | rgb(137, 42, 42) | hsl(0, 53%, 35%) | |
30% | #752424 | rgb(117, 36, 36) | hsl(0, 53%, 30%) | |
25% | #621e1e | rgb(98, 30, 30) | hsl(0, 53%, 25%) | |
20% | #4e1818 | rgb(78, 24, 24) | hsl(0, 53%, 20%) | |
15% | #3b1212 | rgb(59, 18, 18) | hsl(0, 53%, 15%) | |
10% | #270c0c | rgb(39, 12, 12) | hsl(0, 53%, 10%) | |
5% | #140606 | rgb(20, 6, 6) | hsl(0, 53%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(0, 53%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
205 | 92 | 92 |
rgb(205, 92, 92)
#cd5c5c
#cd5c5c