HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#dc793e
rgb(220, 121, 62)
hsl(22, 69%, 55%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbf0e9 | |
90% | #f7e1d4 | |
85% | #f3d2be | |
80% | #efc3a9 | |
75% | #ebb493 | |
70% | #e7a47e | |
65% | #e39568 | |
60% | #df8653 | |
55% | #dc793e | |
50% | #d76828 | |
45% | #c25e24 | |
40% | #ac5320 | |
35% | #97491c | |
30% | #813e18 | |
25% | #6c3414 | |
20% | #562a10 | |
15% | #411f0c | |
10% | #2b1508 | |
5% | #160a04 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #db3d3d | rgb(219, 61, 61) | hsl(0, 69%, 55%) | |
15 | #db653d | rgb(219, 101, 61) | hsl(15, 69%, 55%) | |
22 | #dc793e | rgb(220, 121, 62) | hsl(22, 69%, 55%) | |
30 | #db8c3d | rgb(219, 140, 61) | hsl(30, 69%, 55%) | |
45 | #dbb43d | rgb(219, 180, 61) | hsl(45, 69%, 55%) | |
60 | #dbdb3d | rgb(219, 219, 61) | hsl(60, 69%, 55%) | |
75 | #b4db3d | rgb(180, 219, 61) | hsl(75, 69%, 55%) | |
90 | #8cdb3d | rgb(140, 219, 61) | hsl(90, 69%, 55%) | |
105 | #65db3d | rgb(101, 219, 61) | hsl(105, 69%, 55%) | |
120 | #3ddb3d | rgb(61, 219, 61) | hsl(120, 69%, 55%) | |
135 | #3ddb65 | rgb(61, 219, 101) | hsl(135, 69%, 55%) | |
150 | #3ddb8c | rgb(61, 219, 140) | hsl(150, 69%, 55%) | |
165 | #3ddbb4 | rgb(61, 219, 180) | hsl(165, 69%, 55%) | |
180 | #3ddbdb | rgb(61, 219, 219) | hsl(180, 69%, 55%) | |
195 | #3db4db | rgb(61, 180, 219) | hsl(195, 69%, 55%) | |
210 | #3d8cdb | rgb(61, 140, 219) | hsl(210, 69%, 55%) | |
225 | #3d65db | rgb(61, 101, 219) | hsl(225, 69%, 55%) | |
240 | #3d3ddb | rgb(61, 61, 219) | hsl(240, 69%, 55%) | |
255 | #653ddb | rgb(101, 61, 219) | hsl(255, 69%, 55%) | |
270 | #8c3ddb | rgb(140, 61, 219) | hsl(270, 69%, 55%) | |
285 | #b43ddb | rgb(180, 61, 219) | hsl(285, 69%, 55%) | |
300 | #db3ddb | rgb(219, 61, 219) | hsl(300, 69%, 55%) | |
315 | #db3db4 | rgb(219, 61, 180) | hsl(315, 69%, 55%) | |
330 | #db3d8c | rgb(219, 61, 140) | hsl(330, 69%, 55%) | |
345 | #db3d65 | rgb(219, 61, 101) | hsl(345, 69%, 55%) | |
360 | #db3d3d | rgb(219, 61, 61) | hsl(0, 69%, 55%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff6e1a | rgb(255, 110, 26) | hsl(22, 100%, 55%) | |
95% | #f96f1f | rgb(249, 111, 31) | hsl(22, 95%, 55%) | |
90% | #f47125 | rgb(244, 113, 37) | hsl(22, 90%, 55%) | |
85% | #ee722b | rgb(238, 114, 43) | hsl(22, 85%, 55%) | |
80% | #e87430 | rgb(232, 116, 48) | hsl(22, 80%, 55%) | |
75% | #e27536 | rgb(226, 117, 54) | hsl(22, 75%, 55%) | |
70% | #dd773c | rgb(221, 119, 60) | hsl(22, 70%, 55%) | |
69% | #dc793e | rgb(220, 121, 62) | hsl(22, 69%, 55%) | |
65% | #d77842 | rgb(215, 120, 66) | hsl(22, 65%, 55%) | |
60% | #d17a47 | rgb(209, 122, 71) | hsl(22, 60%, 55%) | |
55% | #cb7b4d | rgb(203, 123, 77) | hsl(22, 55%, 55%) | |
50% | #c67d53 | rgb(198, 125, 83) | hsl(22, 50%, 55%) | |
45% | #c07e59 | rgb(192, 126, 89) | hsl(22, 45%, 55%) | |
40% | #ba805e | rgb(186, 128, 94) | hsl(22, 40%, 55%) | |
35% | #b48264 | rgb(180, 130, 100) | hsl(22, 35%, 55%) | |
30% | #af836a | rgb(175, 131, 106) | hsl(22, 30%, 55%) | |
25% | #a98570 | rgb(169, 133, 112) | hsl(22, 25%, 55%) | |
20% | #a38675 | rgb(163, 134, 117) | hsl(22, 20%, 55%) | |
15% | #9d887b | rgb(157, 136, 123) | hsl(22, 15%, 55%) | |
10% | #988981 | rgb(152, 137, 129) | hsl(22, 10%, 55%) | |
5% | #928b87 | rgb(146, 139, 135) | hsl(22, 5%, 55%) | |
0% | #8c8c8c | rgb(140, 140, 140) | hsl(22, 0%, 55%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(22, 69%, 100%) | |
95% | #fbf0e9 | rgb(251, 240, 233) | hsl(22, 69%, 95%) | |
90% | #f7e1d4 | rgb(247, 225, 212) | hsl(22, 69%, 90%) | |
85% | #f3d2be | rgb(243, 210, 190) | hsl(22, 69%, 85%) | |
80% | #efc3a9 | rgb(239, 195, 169) | hsl(22, 69%, 80%) | |
75% | #ebb493 | rgb(235, 180, 147) | hsl(22, 69%, 75%) | |
70% | #e7a47e | rgb(231, 164, 126) | hsl(22, 69%, 70%) | |
65% | #e39568 | rgb(227, 149, 104) | hsl(22, 69%, 65%) | |
60% | #df8653 | rgb(223, 134, 83) | hsl(22, 69%, 60%) | |
55% | #dc793e | rgb(220, 121, 62) | hsl(22, 69%, 55%) | |
50% | #d76828 | rgb(215, 104, 40) | hsl(22, 69%, 50%) | |
45% | #c25e24 | rgb(194, 94, 36) | hsl(22, 69%, 45%) | |
40% | #ac5320 | rgb(172, 83, 32) | hsl(22, 69%, 40%) | |
35% | #97491c | rgb(151, 73, 28) | hsl(22, 69%, 35%) | |
30% | #813e18 | rgb(129, 62, 24) | hsl(22, 69%, 30%) | |
25% | #6c3414 | rgb(108, 52, 20) | hsl(22, 69%, 25%) | |
20% | #562a10 | rgb(86, 42, 16) | hsl(22, 69%, 20%) | |
15% | #411f0c | rgb(65, 31, 12) | hsl(22, 69%, 15%) | |
10% | #2b1508 | rgb(43, 21, 8) | hsl(22, 69%, 10%) | |
5% | #160a04 | rgb(22, 10, 4) | hsl(22, 69%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(22, 69%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
220 | 121 | 62 |
rgb(220, 121, 62)
#dc793e
#dc793e