HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#dd4124
rgb(221, 65, 36)
hsl(9, 73%, 50%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #fcece9 | |
| 90% | #f8d8d3 | |
| 85% | #f5c5bd | |
| 80% | #f1b2a7 | |
| 75% | #ee9f91 | |
| 70% | #ea8b7b | |
| 65% | #e77865 | |
| 60% | #e3654f | |
| 55% | #e05238 | |
| 50% | #dd4124 | |
| 45% | #c7381f | |
| 40% | #b0321c | |
| 35% | #9a2c18 | |
| 30% | #842515 | |
| 25% | #6e1f11 | |
| 20% | #58190e | |
| 15% | #42130a | |
| 10% | #2c0c07 | |
| 5% | #160603 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #dd2222 | rgb(221, 34, 34) | hsl(0, 73%, 50%) | |
| 9 | #dd4124 | rgb(221, 65, 36) | hsl(9, 73%, 50%) | |
| 15 | #dd5122 | rgb(221, 81, 34) | hsl(15, 73%, 50%) | |
| 30 | #dd8022 | rgb(221, 128, 34) | hsl(30, 73%, 50%) | |
| 45 | #ddae22 | rgb(221, 174, 34) | hsl(45, 73%, 50%) | |
| 60 | #dddd22 | rgb(221, 221, 34) | hsl(60, 73%, 50%) | |
| 75 | #aedd22 | rgb(174, 221, 34) | hsl(75, 73%, 50%) | |
| 90 | #80dd22 | rgb(128, 221, 34) | hsl(90, 73%, 50%) | |
| 105 | #51dd22 | rgb(81, 221, 34) | hsl(105, 73%, 50%) | |
| 120 | #22dd22 | rgb(34, 221, 34) | hsl(120, 73%, 50%) | |
| 135 | #22dd51 | rgb(34, 221, 81) | hsl(135, 73%, 50%) | |
| 150 | #22dd80 | rgb(34, 221, 128) | hsl(150, 73%, 50%) | |
| 165 | #22ddae | rgb(34, 221, 174) | hsl(165, 73%, 50%) | |
| 180 | #22dddd | rgb(34, 221, 221) | hsl(180, 73%, 50%) | |
| 195 | #22aedd | rgb(34, 174, 221) | hsl(195, 73%, 50%) | |
| 210 | #2280dd | rgb(34, 128, 221) | hsl(210, 73%, 50%) | |
| 225 | #2251dd | rgb(34, 81, 221) | hsl(225, 73%, 50%) | |
| 240 | #2222dd | rgb(34, 34, 221) | hsl(240, 73%, 50%) | |
| 255 | #5122dd | rgb(81, 34, 221) | hsl(255, 73%, 50%) | |
| 270 | #8022dd | rgb(128, 34, 221) | hsl(270, 73%, 50%) | |
| 285 | #ae22dd | rgb(174, 34, 221) | hsl(285, 73%, 50%) | |
| 300 | #dd22dd | rgb(221, 34, 221) | hsl(300, 73%, 50%) | |
| 315 | #dd22ae | rgb(221, 34, 174) | hsl(315, 73%, 50%) | |
| 330 | #dd2280 | rgb(221, 34, 128) | hsl(330, 73%, 50%) | |
| 345 | #dd2251 | rgb(221, 34, 81) | hsl(345, 73%, 50%) | |
| 360 | #dd2222 | rgb(221, 34, 34) | hsl(0, 73%, 50%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ff2600 | rgb(255, 38, 0) | hsl(9, 100%, 50%) | |
| 95% | #f92b06 | rgb(249, 43, 6) | hsl(9, 95%, 50%) | |
| 90% | #f22f0d | rgb(242, 47, 13) | hsl(9, 90%, 50%) | |
| 85% | #ec3413 | rgb(236, 52, 19) | hsl(9, 85%, 50%) | |
| 80% | #e63819 | rgb(230, 56, 25) | hsl(9, 80%, 50%) | |
| 75% | #df3d20 | rgb(223, 61, 32) | hsl(9, 75%, 50%) | |
| 73% | #dd4124 | rgb(221, 65, 36) | hsl(9, 73%, 50%) | |
| 70% | #d94126 | rgb(217, 65, 38) | hsl(9, 70%, 50%) | |
| 65% | #d2452d | rgb(210, 69, 45) | hsl(9, 65%, 50%) | |
| 60% | #cc4a33 | rgb(204, 74, 51) | hsl(9, 60%, 50%) | |
| 55% | #c64e39 | rgb(198, 78, 57) | hsl(9, 55%, 50%) | |
| 50% | #bf5340 | rgb(191, 83, 64) | hsl(9, 50%, 50%) | |
| 45% | #b95746 | rgb(185, 87, 70) | hsl(9, 45%, 50%) | |
| 40% | #b35c4d | rgb(179, 92, 77) | hsl(9, 40%, 50%) | |
| 35% | #ac6053 | rgb(172, 96, 83) | hsl(9, 35%, 50%) | |
| 30% | #a66559 | rgb(166, 101, 89) | hsl(9, 30%, 50%) | |
| 25% | #9f6960 | rgb(159, 105, 96) | hsl(9, 25%, 50%) | |
| 20% | #996e66 | rgb(153, 110, 102) | hsl(9, 20%, 50%) | |
| 15% | #93726c | rgb(147, 114, 108) | hsl(9, 15%, 50%) | |
| 10% | #8c7773 | rgb(140, 119, 115) | hsl(9, 10%, 50%) | |
| 5% | #867b79 | rgb(134, 123, 121) | hsl(9, 5%, 50%) | |
| 0% | #808080 | rgb(128, 128, 128) | hsl(9, 0%, 50%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(9, 73%, 100%) | |
| 95% | #fcece9 | rgb(252, 236, 233) | hsl(9, 73%, 95%) | |
| 90% | #f8d8d3 | rgb(248, 216, 211) | hsl(9, 73%, 90%) | |
| 85% | #f5c5bd | rgb(245, 197, 189) | hsl(9, 73%, 85%) | |
| 80% | #f1b2a7 | rgb(241, 178, 167) | hsl(9, 73%, 80%) | |
| 75% | #ee9f91 | rgb(238, 159, 145) | hsl(9, 73%, 75%) | |
| 70% | #ea8b7b | rgb(234, 139, 123) | hsl(9, 73%, 70%) | |
| 65% | #e77865 | rgb(231, 120, 101) | hsl(9, 73%, 65%) | |
| 60% | #e3654f | rgb(227, 101, 79) | hsl(9, 73%, 60%) | |
| 55% | #e05238 | rgb(224, 82, 56) | hsl(9, 73%, 55%) | |
| 50% | #dd4124 | rgb(221, 65, 36) | hsl(9, 73%, 50%) | |
| 45% | #c7381f | rgb(199, 56, 31) | hsl(9, 73%, 45%) | |
| 40% | #b0321c | rgb(176, 50, 28) | hsl(9, 73%, 40%) | |
| 35% | #9a2c18 | rgb(154, 44, 24) | hsl(9, 73%, 35%) | |
| 30% | #842515 | rgb(132, 37, 21) | hsl(9, 73%, 30%) | |
| 25% | #6e1f11 | rgb(110, 31, 17) | hsl(9, 73%, 25%) | |
| 20% | #58190e | rgb(88, 25, 14) | hsl(9, 73%, 20%) | |
| 15% | #42130a | rgb(66, 19, 10) | hsl(9, 73%, 15%) | |
| 10% | #2c0c07 | rgb(44, 12, 7) | hsl(9, 73%, 10%) | |
| 5% | #160603 | rgb(22, 6, 3) | hsl(9, 73%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(9, 73%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 221 | 65 | 36 |
rgb(221, 65, 36)
#dd4124
#dd4124
