HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c48a69
rgb(196, 138, 105)
hsl(22, 44%, 59%)
Lighter / Darker:
100% | #ffffff | |
95% | #f8f1ed | |
90% | #f1e3da | |
85% | #ead4c8 | |
80% | #e2c6b6 | |
75% | #dbb8a3 | |
70% | #d4aa91 | |
65% | #cd9b7e | |
60% | #c68d6c | |
59% | #c48a69 | |
55% | #bf7f5a | |
50% | #b87147 | |
45% | #a56540 | |
40% | #935a39 | |
35% | #814f32 | |
30% | #6e442b | |
25% | #5c3824 | |
20% | #492d1d | |
15% | #372215 | |
10% | #25170e | |
5% | #120b07 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #c46868 | rgb(196, 104, 104) | hsl(0, 44%, 59%) | |
15 | #c47f68 | rgb(196, 127, 104) | hsl(15, 44%, 59%) | |
22 | #c48a69 | rgb(196, 138, 105) | hsl(22, 44%, 59%) | |
30 | #c49668 | rgb(196, 150, 104) | hsl(30, 44%, 59%) | |
45 | #c4ad68 | rgb(196, 173, 104) | hsl(45, 44%, 59%) | |
60 | #c4c468 | rgb(196, 196, 104) | hsl(60, 44%, 59%) | |
75 | #adc468 | rgb(173, 196, 104) | hsl(75, 44%, 59%) | |
90 | #96c468 | rgb(150, 196, 104) | hsl(90, 44%, 59%) | |
105 | #7fc468 | rgb(127, 196, 104) | hsl(105, 44%, 59%) | |
120 | #68c468 | rgb(104, 196, 104) | hsl(120, 44%, 59%) | |
135 | #68c47f | rgb(104, 196, 127) | hsl(135, 44%, 59%) | |
150 | #68c496 | rgb(104, 196, 150) | hsl(150, 44%, 59%) | |
165 | #68c4ad | rgb(104, 196, 173) | hsl(165, 44%, 59%) | |
180 | #68c4c4 | rgb(104, 196, 196) | hsl(180, 44%, 59%) | |
195 | #68adc4 | rgb(104, 173, 196) | hsl(195, 44%, 59%) | |
210 | #6896c4 | rgb(104, 150, 196) | hsl(210, 44%, 59%) | |
225 | #687fc4 | rgb(104, 127, 196) | hsl(225, 44%, 59%) | |
240 | #6868c4 | rgb(104, 104, 196) | hsl(240, 44%, 59%) | |
255 | #7f68c4 | rgb(127, 104, 196) | hsl(255, 44%, 59%) | |
270 | #9668c4 | rgb(150, 104, 196) | hsl(270, 44%, 59%) | |
285 | #ad68c4 | rgb(173, 104, 196) | hsl(285, 44%, 59%) | |
300 | #c468c4 | rgb(196, 104, 196) | hsl(300, 44%, 59%) | |
315 | #c468ad | rgb(196, 104, 173) | hsl(315, 44%, 59%) | |
330 | #c46896 | rgb(196, 104, 150) | hsl(330, 44%, 59%) | |
345 | #c4687f | rgb(196, 104, 127) | hsl(345, 44%, 59%) | |
360 | #c46868 | rgb(196, 104, 104) | hsl(0, 44%, 59%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff7b2e | rgb(255, 123, 46) | hsl(22, 100%, 59%) | |
95% | #fa7c33 | rgb(250, 124, 51) | hsl(22, 95%, 59%) | |
90% | #f57d38 | rgb(245, 125, 56) | hsl(22, 90%, 59%) | |
85% | #ef7f3e | rgb(239, 127, 62) | hsl(22, 85%, 59%) | |
80% | #ea8043 | rgb(234, 128, 67) | hsl(22, 80%, 59%) | |
75% | #e58248 | rgb(229, 130, 72) | hsl(22, 75%, 59%) | |
70% | #e0834d | rgb(224, 131, 77) | hsl(22, 70%, 59%) | |
65% | #da8452 | rgb(218, 132, 82) | hsl(22, 65%, 59%) | |
60% | #d58658 | rgb(213, 134, 88) | hsl(22, 60%, 59%) | |
55% | #d0875d | rgb(208, 135, 93) | hsl(22, 55%, 59%) | |
50% | #cb8962 | rgb(203, 137, 98) | hsl(22, 50%, 59%) | |
45% | #c58a67 | rgb(197, 138, 103) | hsl(22, 45%, 59%) | |
44% | #c48a69 | rgb(196, 138, 105) | hsl(22, 44%, 59%) | |
40% | #c08b6d | rgb(192, 139, 109) | hsl(22, 40%, 59%) | |
35% | #bb8d72 | rgb(187, 141, 114) | hsl(22, 35%, 59%) | |
30% | #b68e77 | rgb(182, 142, 119) | hsl(22, 30%, 59%) | |
25% | #b18f7c | rgb(177, 143, 124) | hsl(22, 25%, 59%) | |
20% | #ab9182 | rgb(171, 145, 130) | hsl(22, 20%, 59%) | |
15% | #a69287 | rgb(166, 146, 135) | hsl(22, 15%, 59%) | |
10% | #a1948c | rgb(161, 148, 140) | hsl(22, 10%, 59%) | |
5% | #9c9591 | rgb(156, 149, 145) | hsl(22, 5%, 59%) | |
0% | #969696 | rgb(150, 150, 150) | hsl(22, 0%, 59%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(22, 44%, 100%) | |
95% | #f8f1ed | rgb(248, 241, 237) | hsl(22, 44%, 95%) | |
90% | #f1e3da | rgb(241, 227, 218) | hsl(22, 44%, 90%) | |
85% | #ead4c8 | rgb(234, 212, 200) | hsl(22, 44%, 85%) | |
80% | #e2c6b6 | rgb(226, 198, 182) | hsl(22, 44%, 80%) | |
75% | #dbb8a3 | rgb(219, 184, 163) | hsl(22, 44%, 75%) | |
70% | #d4aa91 | rgb(212, 170, 145) | hsl(22, 44%, 70%) | |
65% | #cd9b7e | rgb(205, 155, 126) | hsl(22, 44%, 65%) | |
60% | #c68d6c | rgb(198, 141, 108) | hsl(22, 44%, 60%) | |
59% | #c48a69 | rgb(196, 138, 105) | hsl(22, 44%, 59%) | |
55% | #bf7f5a | rgb(191, 127, 90) | hsl(22, 44%, 55%) | |
50% | #b87147 | rgb(184, 113, 71) | hsl(22, 44%, 50%) | |
45% | #a56540 | rgb(165, 101, 64) | hsl(22, 44%, 45%) | |
40% | #935a39 | rgb(147, 90, 57) | hsl(22, 44%, 40%) | |
35% | #814f32 | rgb(129, 79, 50) | hsl(22, 44%, 35%) | |
30% | #6e442b | rgb(110, 68, 43) | hsl(22, 44%, 30%) | |
25% | #5c3824 | rgb(92, 56, 36) | hsl(22, 44%, 25%) | |
20% | #492d1d | rgb(73, 45, 29) | hsl(22, 44%, 20%) | |
15% | #372215 | rgb(55, 34, 21) | hsl(22, 44%, 15%) | |
10% | #25170e | rgb(37, 23, 14) | hsl(22, 44%, 10%) | |
5% | #120b07 | rgb(18, 11, 7) | hsl(22, 44%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(22, 44%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
196 | 138 | 105 |
rgb(196, 138, 105)
#c48a69
#c48a69