HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c48f65
rgb(196, 143, 101)
hsl(27, 45%, 58%)
Lighter / Darker:
100% | #ffffff | |
95% | #f8f2ed | |
90% | #f1e4da | |
85% | #ead7c8 | |
80% | #e3cab5 | |
75% | #dcbca3 | |
70% | #d5af90 | |
65% | #cea27e | |
60% | #c7946b | |
58% | #c48f65 | |
55% | #c08759 | |
50% | #b97a46 | |
45% | #a66e3f | |
40% | #946138 | |
35% | #815531 | |
30% | #6f492a | |
25% | #5c3d23 | |
20% | #4a311c | |
15% | #372515 | |
10% | #25180e | |
5% | #120c07 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #c46464 | rgb(196, 100, 100) | hsl(0, 45%, 58%) | |
15 | #c47c64 | rgb(196, 124, 100) | hsl(15, 45%, 58%) | |
27 | #c48f65 | rgb(196, 143, 101) | hsl(27, 45%, 58%) | |
30 | #c49464 | rgb(196, 148, 100) | hsl(30, 45%, 58%) | |
45 | #c4ac64 | rgb(196, 172, 100) | hsl(45, 45%, 58%) | |
60 | #c4c464 | rgb(196, 196, 100) | hsl(60, 45%, 58%) | |
75 | #acc464 | rgb(172, 196, 100) | hsl(75, 45%, 58%) | |
90 | #94c464 | rgb(148, 196, 100) | hsl(90, 45%, 58%) | |
105 | #7cc464 | rgb(124, 196, 100) | hsl(105, 45%, 58%) | |
120 | #64c464 | rgb(100, 196, 100) | hsl(120, 45%, 58%) | |
135 | #64c47c | rgb(100, 196, 124) | hsl(135, 45%, 58%) | |
150 | #64c494 | rgb(100, 196, 148) | hsl(150, 45%, 58%) | |
165 | #64c4ac | rgb(100, 196, 172) | hsl(165, 45%, 58%) | |
180 | #64c4c4 | rgb(100, 196, 196) | hsl(180, 45%, 58%) | |
195 | #64acc4 | rgb(100, 172, 196) | hsl(195, 45%, 58%) | |
210 | #6494c4 | rgb(100, 148, 196) | hsl(210, 45%, 58%) | |
225 | #647cc4 | rgb(100, 124, 196) | hsl(225, 45%, 58%) | |
240 | #6464c4 | rgb(100, 100, 196) | hsl(240, 45%, 58%) | |
255 | #7c64c4 | rgb(124, 100, 196) | hsl(255, 45%, 58%) | |
270 | #9464c4 | rgb(148, 100, 196) | hsl(270, 45%, 58%) | |
285 | #ac64c4 | rgb(172, 100, 196) | hsl(285, 45%, 58%) | |
300 | #c464c4 | rgb(196, 100, 196) | hsl(300, 45%, 58%) | |
315 | #c464ac | rgb(196, 100, 172) | hsl(315, 45%, 58%) | |
330 | #c46494 | rgb(196, 100, 148) | hsl(330, 45%, 58%) | |
345 | #c4647c | rgb(196, 100, 124) | hsl(345, 45%, 58%) | |
360 | #c46464 | rgb(196, 100, 100) | hsl(0, 45%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff8929 | rgb(255, 137, 41) | hsl(27, 100%, 58%) | |
95% | #fa8a2e | rgb(250, 138, 46) | hsl(27, 95%, 58%) | |
90% | #f48a34 | rgb(244, 138, 52) | hsl(27, 90%, 58%) | |
85% | #ef8b39 | rgb(239, 139, 57) | hsl(27, 85%, 58%) | |
80% | #ea8b3e | rgb(234, 139, 62) | hsl(27, 80%, 58%) | |
75% | #e48c44 | rgb(228, 140, 68) | hsl(27, 75%, 58%) | |
70% | #df8c49 | rgb(223, 140, 73) | hsl(27, 70%, 58%) | |
65% | #da8d4e | rgb(218, 141, 78) | hsl(27, 65%, 58%) | |
60% | #d48d54 | rgb(212, 141, 84) | hsl(27, 60%, 58%) | |
55% | #cf8e59 | rgb(207, 142, 89) | hsl(27, 55%, 58%) | |
50% | #c98f5e | rgb(201, 143, 94) | hsl(27, 50%, 58%) | |
45% | #c48f65 | rgb(196, 143, 101) | hsl(27, 45%, 58%) | |
40% | #bf9069 | rgb(191, 144, 105) | hsl(27, 40%, 58%) | |
35% | #b9906e | rgb(185, 144, 110) | hsl(27, 35%, 58%) | |
30% | #b49174 | rgb(180, 145, 116) | hsl(27, 30%, 58%) | |
25% | #af9179 | rgb(175, 145, 121) | hsl(27, 25%, 58%) | |
20% | #a9927e | rgb(169, 146, 126) | hsl(27, 20%, 58%) | |
15% | #a49284 | rgb(164, 146, 132) | hsl(27, 15%, 58%) | |
10% | #9f9389 | rgb(159, 147, 137) | hsl(27, 10%, 58%) | |
5% | #99938f | rgb(153, 147, 143) | hsl(27, 5%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(27, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(27, 45%, 100%) | |
95% | #f8f2ed | rgb(248, 242, 237) | hsl(27, 45%, 95%) | |
90% | #f1e4da | rgb(241, 228, 218) | hsl(27, 45%, 90%) | |
85% | #ead7c8 | rgb(234, 215, 200) | hsl(27, 45%, 85%) | |
80% | #e3cab5 | rgb(227, 202, 181) | hsl(27, 45%, 80%) | |
75% | #dcbca3 | rgb(220, 188, 163) | hsl(27, 45%, 75%) | |
70% | #d5af90 | rgb(213, 175, 144) | hsl(27, 45%, 70%) | |
65% | #cea27e | rgb(206, 162, 126) | hsl(27, 45%, 65%) | |
60% | #c7946b | rgb(199, 148, 107) | hsl(27, 45%, 60%) | |
58% | #c48f65 | rgb(196, 143, 101) | hsl(27, 45%, 58%) | |
55% | #c08759 | rgb(192, 135, 89) | hsl(27, 45%, 55%) | |
50% | #b97a46 | rgb(185, 122, 70) | hsl(27, 45%, 50%) | |
45% | #a66e3f | rgb(166, 110, 63) | hsl(27, 45%, 45%) | |
40% | #946138 | rgb(148, 97, 56) | hsl(27, 45%, 40%) | |
35% | #815531 | rgb(129, 85, 49) | hsl(27, 45%, 35%) | |
30% | #6f492a | rgb(111, 73, 42) | hsl(27, 45%, 30%) | |
25% | #5c3d23 | rgb(92, 61, 35) | hsl(27, 45%, 25%) | |
20% | #4a311c | rgb(74, 49, 28) | hsl(27, 45%, 20%) | |
15% | #372515 | rgb(55, 37, 21) | hsl(27, 45%, 15%) | |
10% | #25180e | rgb(37, 24, 14) | hsl(27, 45%, 10%) | |
5% | #120c07 | rgb(18, 12, 7) | hsl(27, 45%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(27, 45%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
196 | 143 | 101 |
rgb(196, 143, 101)
#c48f65
#c48f65