HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#dd4132
rgb(221, 65, 50)
hsl(5, 72%, 53%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbebe9 | |
90% | #f8d6d3 | |
85% | #f4c2bd | |
80% | #f1ada7 | |
75% | #ed9991 | |
70% | #ea857b | |
65% | #e67065 | |
60% | #e25c50 | |
55% | #df473a | |
53% | #dd4132 | |
50% | #db3324 | |
45% | #c52e20 | |
40% | #af291d | |
35% | #9a2419 | |
30% | #841f15 | |
25% | #6e1a12 | |
20% | #58140e | |
15% | #420f0b | |
10% | #2c0a07 | |
5% | #160504 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #dd3131 | rgb(221, 49, 49) | hsl(0, 72%, 53%) | |
5 | #dd4132 | rgb(221, 65, 50) | hsl(5, 72%, 53%) | |
15 | #dd5c31 | rgb(221, 92, 49) | hsl(15, 72%, 53%) | |
30 | #dd8731 | rgb(221, 135, 49) | hsl(30, 72%, 53%) | |
45 | #ddb231 | rgb(221, 178, 49) | hsl(45, 72%, 53%) | |
60 | #dddd31 | rgb(221, 221, 49) | hsl(60, 72%, 53%) | |
75 | #b2dd31 | rgb(178, 221, 49) | hsl(75, 72%, 53%) | |
90 | #87dd31 | rgb(135, 221, 49) | hsl(90, 72%, 53%) | |
105 | #5cdd31 | rgb(92, 221, 49) | hsl(105, 72%, 53%) | |
120 | #31dd31 | rgb(49, 221, 49) | hsl(120, 72%, 53%) | |
135 | #31dd5c | rgb(49, 221, 92) | hsl(135, 72%, 53%) | |
150 | #31dd87 | rgb(49, 221, 135) | hsl(150, 72%, 53%) | |
165 | #31ddb2 | rgb(49, 221, 178) | hsl(165, 72%, 53%) | |
180 | #31dddd | rgb(49, 221, 221) | hsl(180, 72%, 53%) | |
195 | #31b2dd | rgb(49, 178, 221) | hsl(195, 72%, 53%) | |
210 | #3187dd | rgb(49, 135, 221) | hsl(210, 72%, 53%) | |
225 | #315cdd | rgb(49, 92, 221) | hsl(225, 72%, 53%) | |
240 | #3131dd | rgb(49, 49, 221) | hsl(240, 72%, 53%) | |
255 | #5c31dd | rgb(92, 49, 221) | hsl(255, 72%, 53%) | |
270 | #8731dd | rgb(135, 49, 221) | hsl(270, 72%, 53%) | |
285 | #b231dd | rgb(178, 49, 221) | hsl(285, 72%, 53%) | |
300 | #dd31dd | rgb(221, 49, 221) | hsl(300, 72%, 53%) | |
315 | #dd31b2 | rgb(221, 49, 178) | hsl(315, 72%, 53%) | |
330 | #dd3187 | rgb(221, 49, 135) | hsl(330, 72%, 53%) | |
345 | #dd315c | rgb(221, 49, 92) | hsl(345, 72%, 53%) | |
360 | #dd3131 | rgb(221, 49, 49) | hsl(0, 72%, 53%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff230f | rgb(255, 35, 15) | hsl(5, 100%, 53%) | |
95% | #f92815 | rgb(249, 40, 21) | hsl(5, 95%, 53%) | |
90% | #f32d1b | rgb(243, 45, 27) | hsl(5, 90%, 53%) | |
85% | #ed3221 | rgb(237, 50, 33) | hsl(5, 85%, 53%) | |
80% | #e73727 | rgb(231, 55, 39) | hsl(5, 80%, 53%) | |
75% | #e13c2d | rgb(225, 60, 45) | hsl(5, 75%, 53%) | |
72% | #dd4132 | rgb(221, 65, 50) | hsl(5, 72%, 53%) | |
70% | #db4133 | rgb(219, 65, 51) | hsl(5, 70%, 53%) | |
65% | #d54639 | rgb(213, 70, 57) | hsl(5, 65%, 53%) | |
60% | #cf4b3f | rgb(207, 75, 63) | hsl(5, 60%, 53%) | |
55% | #c95045 | rgb(201, 80, 69) | hsl(5, 55%, 53%) | |
50% | #c3554b | rgb(195, 85, 75) | hsl(5, 50%, 53%) | |
45% | #bd5a51 | rgb(189, 90, 81) | hsl(5, 45%, 53%) | |
40% | #b75f57 | rgb(183, 95, 87) | hsl(5, 40%, 53%) | |
35% | #b1645d | rgb(177, 100, 93) | hsl(5, 35%, 53%) | |
30% | #ab6963 | rgb(171, 105, 99) | hsl(5, 30%, 53%) | |
25% | #a56e69 | rgb(165, 110, 105) | hsl(5, 25%, 53%) | |
20% | #9f736f | rgb(159, 115, 111) | hsl(5, 20%, 53%) | |
15% | #997875 | rgb(153, 120, 117) | hsl(5, 15%, 53%) | |
10% | #937d7b | rgb(147, 125, 123) | hsl(5, 10%, 53%) | |
5% | #8d8281 | rgb(141, 130, 129) | hsl(5, 5%, 53%) | |
0% | #878787 | rgb(135, 135, 135) | hsl(5, 0%, 53%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(5, 72%, 100%) | |
95% | #fbebe9 | rgb(251, 235, 233) | hsl(5, 72%, 95%) | |
90% | #f8d6d3 | rgb(248, 214, 211) | hsl(5, 72%, 90%) | |
85% | #f4c2bd | rgb(244, 194, 189) | hsl(5, 72%, 85%) | |
80% | #f1ada7 | rgb(241, 173, 167) | hsl(5, 72%, 80%) | |
75% | #ed9991 | rgb(237, 153, 145) | hsl(5, 72%, 75%) | |
70% | #ea857b | rgb(234, 133, 123) | hsl(5, 72%, 70%) | |
65% | #e67065 | rgb(230, 112, 101) | hsl(5, 72%, 65%) | |
60% | #e25c50 | rgb(226, 92, 80) | hsl(5, 72%, 60%) | |
55% | #df473a | rgb(223, 71, 58) | hsl(5, 72%, 55%) | |
53% | #dd4132 | rgb(221, 65, 50) | hsl(5, 72%, 53%) | |
50% | #db3324 | rgb(219, 51, 36) | hsl(5, 72%, 50%) | |
45% | #c52e20 | rgb(197, 46, 32) | hsl(5, 72%, 45%) | |
40% | #af291d | rgb(175, 41, 29) | hsl(5, 72%, 40%) | |
35% | #9a2419 | rgb(154, 36, 25) | hsl(5, 72%, 35%) | |
30% | #841f15 | rgb(132, 31, 21) | hsl(5, 72%, 30%) | |
25% | #6e1a12 | rgb(110, 26, 18) | hsl(5, 72%, 25%) | |
20% | #58140e | rgb(88, 20, 14) | hsl(5, 72%, 20%) | |
15% | #420f0b | rgb(66, 15, 11) | hsl(5, 72%, 15%) | |
10% | #2c0a07 | rgb(44, 10, 7) | hsl(5, 72%, 10%) | |
5% | #160504 | rgb(22, 5, 4) | hsl(5, 72%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(5, 72%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
221 | 65 | 50 |
rgb(221, 65, 50)
#dd4132
#dd4132