HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c0ab8e
rgb(192, 171, 142)
hsl(35, 28%, 65%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6f3ef | |
90% | #ede7de | |
85% | #e3dbce | |
80% | #dacebe | |
75% | #d1c2ad | |
70% | #c8b69d | |
65% | #c0ab8e | |
60% | #b69e7c | |
55% | #ac926c | |
50% | #a3855c | |
45% | #937853 | |
40% | #836b49 | |
35% | #725d40 | |
30% | #625037 | |
25% | #52432e | |
20% | #413525 | |
15% | #31281c | |
10% | #211b12 | |
5% | #100d09 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bf8d8d | rgb(191, 141, 141) | hsl(0, 28%, 65%) | |
15 | #bf998d | rgb(191, 153, 141) | hsl(15, 28%, 65%) | |
30 | #bfa68d | rgb(191, 166, 141) | hsl(30, 28%, 65%) | |
35 | #c0ab8e | rgb(192, 171, 142) | hsl(35, 28%, 65%) | |
45 | #bfb28d | rgb(191, 178, 141) | hsl(45, 28%, 65%) | |
60 | #bfbf8d | rgb(191, 191, 141) | hsl(60, 28%, 65%) | |
75 | #b2bf8d | rgb(178, 191, 141) | hsl(75, 28%, 65%) | |
90 | #a6bf8d | rgb(166, 191, 141) | hsl(90, 28%, 65%) | |
105 | #99bf8d | rgb(153, 191, 141) | hsl(105, 28%, 65%) | |
120 | #8dbf8d | rgb(141, 191, 141) | hsl(120, 28%, 65%) | |
135 | #8dbf99 | rgb(141, 191, 153) | hsl(135, 28%, 65%) | |
150 | #8dbfa6 | rgb(141, 191, 166) | hsl(150, 28%, 65%) | |
165 | #8dbfb2 | rgb(141, 191, 178) | hsl(165, 28%, 65%) | |
180 | #8dbfbf | rgb(141, 191, 191) | hsl(180, 28%, 65%) | |
195 | #8db2bf | rgb(141, 178, 191) | hsl(195, 28%, 65%) | |
210 | #8da6bf | rgb(141, 166, 191) | hsl(210, 28%, 65%) | |
225 | #8d99bf | rgb(141, 153, 191) | hsl(225, 28%, 65%) | |
240 | #8d8dbf | rgb(141, 141, 191) | hsl(240, 28%, 65%) | |
255 | #998dbf | rgb(153, 141, 191) | hsl(255, 28%, 65%) | |
270 | #a68dbf | rgb(166, 141, 191) | hsl(270, 28%, 65%) | |
285 | #b28dbf | rgb(178, 141, 191) | hsl(285, 28%, 65%) | |
300 | #bf8dbf | rgb(191, 141, 191) | hsl(300, 28%, 65%) | |
315 | #bf8db2 | rgb(191, 141, 178) | hsl(315, 28%, 65%) | |
330 | #bf8da6 | rgb(191, 141, 166) | hsl(330, 28%, 65%) | |
345 | #bf8d99 | rgb(191, 141, 153) | hsl(345, 28%, 65%) | |
360 | #bf8d8d | rgb(191, 141, 141) | hsl(0, 28%, 65%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffb54d | rgb(255, 181, 77) | hsl(35, 100%, 65%) | |
95% | #fbb451 | rgb(251, 180, 81) | hsl(35, 95%, 65%) | |
90% | #f6b355 | rgb(246, 179, 85) | hsl(35, 90%, 65%) | |
85% | #f2b25a | rgb(242, 178, 90) | hsl(35, 85%, 65%) | |
80% | #edb25e | rgb(237, 178, 94) | hsl(35, 80%, 65%) | |
75% | #e9b163 | rgb(233, 177, 99) | hsl(35, 75%, 65%) | |
70% | #e4b067 | rgb(228, 176, 103) | hsl(35, 70%, 65%) | |
65% | #e0af6c | rgb(224, 175, 108) | hsl(35, 65%, 65%) | |
60% | #dbaf70 | rgb(219, 175, 112) | hsl(35, 60%, 65%) | |
55% | #d7ae75 | rgb(215, 174, 117) | hsl(35, 55%, 65%) | |
50% | #d2ad79 | rgb(210, 173, 121) | hsl(35, 50%, 65%) | |
45% | #ceac7e | rgb(206, 172, 126) | hsl(35, 45%, 65%) | |
40% | #c9ac82 | rgb(201, 172, 130) | hsl(35, 40%, 65%) | |
35% | #c5ab87 | rgb(197, 171, 135) | hsl(35, 35%, 65%) | |
30% | #c1aa8b | rgb(193, 170, 139) | hsl(35, 30%, 65%) | |
28% | #c0ab8e | rgb(192, 171, 142) | hsl(35, 28%, 65%) | |
25% | #bca98f | rgb(188, 169, 143) | hsl(35, 25%, 65%) | |
20% | #b8a994 | rgb(184, 169, 148) | hsl(35, 20%, 65%) | |
15% | #b3a898 | rgb(179, 168, 152) | hsl(35, 15%, 65%) | |
10% | #afa79d | rgb(175, 167, 157) | hsl(35, 10%, 65%) | |
5% | #aaa6a1 | rgb(170, 166, 161) | hsl(35, 5%, 65%) | |
0% | #a6a6a6 | rgb(166, 166, 166) | hsl(35, 0%, 65%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(35, 28%, 100%) | |
95% | #f6f3ef | rgb(246, 243, 239) | hsl(35, 28%, 95%) | |
90% | #ede7de | rgb(237, 231, 222) | hsl(35, 28%, 90%) | |
85% | #e3dbce | rgb(227, 219, 206) | hsl(35, 28%, 85%) | |
80% | #dacebe | rgb(218, 206, 190) | hsl(35, 28%, 80%) | |
75% | #d1c2ad | rgb(209, 194, 173) | hsl(35, 28%, 75%) | |
70% | #c8b69d | rgb(200, 182, 157) | hsl(35, 28%, 70%) | |
65% | #c0ab8e | rgb(192, 171, 142) | hsl(35, 28%, 65%) | |
60% | #b69e7c | rgb(182, 158, 124) | hsl(35, 28%, 60%) | |
55% | #ac926c | rgb(172, 146, 108) | hsl(35, 28%, 55%) | |
50% | #a3855c | rgb(163, 133, 92) | hsl(35, 28%, 50%) | |
45% | #937853 | rgb(147, 120, 83) | hsl(35, 28%, 45%) | |
40% | #836b49 | rgb(131, 107, 73) | hsl(35, 28%, 40%) | |
35% | #725d40 | rgb(114, 93, 64) | hsl(35, 28%, 35%) | |
30% | #625037 | rgb(98, 80, 55) | hsl(35, 28%, 30%) | |
25% | #52432e | rgb(82, 67, 46) | hsl(35, 28%, 25%) | |
20% | #413525 | rgb(65, 53, 37) | hsl(35, 28%, 20%) | |
15% | #31281c | rgb(49, 40, 28) | hsl(35, 28%, 15%) | |
10% | #211b12 | rgb(33, 27, 18) | hsl(35, 28%, 10%) | |
5% | #100d09 | rgb(16, 13, 9) | hsl(35, 28%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(35, 28%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
192 | 171 | 142 |
rgb(192, 171, 142)
#c0ab8e
#c0ab8e