HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
DarkKhaki
#bdb76b
rgb(189, 183, 107)
hsl(56, 38%, 58%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7f6ed | |
90% | #efeedc | |
85% | #e7e5ca | |
80% | #dfddb9 | |
75% | #d7d4a7 | |
70% | #d0cc95 | |
65% | #c8c384 | |
60% | #c0bb72 | |
58% | #bdb76b | |
55% | #b8b261 | |
50% | #b0a94f | |
45% | #9e9947 | |
40% | #8d883f | |
35% | #7b7737 | |
30% | #6a662f | |
25% | #585528 | |
20% | #464420 | |
15% | #353318 | |
10% | #232210 | |
5% | #121108 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bd6b6b | rgb(189, 107, 107) | hsl(0, 38%, 58%) | |
15 | #bd806b | rgb(189, 128, 107) | hsl(15, 38%, 58%) | |
30 | #bd946b | rgb(189, 148, 107) | hsl(30, 38%, 58%) | |
45 | #bda86b | rgb(189, 168, 107) | hsl(45, 38%, 58%) | |
56 | #bdb76b | rgb(189, 183, 107) | hsl(56, 38%, 58%) | |
60 | #bdbd6b | rgb(189, 189, 107) | hsl(60, 38%, 58%) | |
75 | #a8bd6b | rgb(168, 189, 107) | hsl(75, 38%, 58%) | |
90 | #94bd6b | rgb(148, 189, 107) | hsl(90, 38%, 58%) | |
105 | #80bd6b | rgb(128, 189, 107) | hsl(105, 38%, 58%) | |
120 | #6bbd6b | rgb(107, 189, 107) | hsl(120, 38%, 58%) | |
135 | #6bbd80 | rgb(107, 189, 128) | hsl(135, 38%, 58%) | |
150 | #6bbd94 | rgb(107, 189, 148) | hsl(150, 38%, 58%) | |
165 | #6bbda8 | rgb(107, 189, 168) | hsl(165, 38%, 58%) | |
180 | #6bbdbd | rgb(107, 189, 189) | hsl(180, 38%, 58%) | |
195 | #6ba8bd | rgb(107, 168, 189) | hsl(195, 38%, 58%) | |
210 | #6b94bd | rgb(107, 148, 189) | hsl(210, 38%, 58%) | |
225 | #6b80bd | rgb(107, 128, 189) | hsl(225, 38%, 58%) | |
240 | #6b6bbd | rgb(107, 107, 189) | hsl(240, 38%, 58%) | |
255 | #806bbd | rgb(128, 107, 189) | hsl(255, 38%, 58%) | |
270 | #946bbd | rgb(148, 107, 189) | hsl(270, 38%, 58%) | |
285 | #a86bbd | rgb(168, 107, 189) | hsl(285, 38%, 58%) | |
300 | #bd6bbd | rgb(189, 107, 189) | hsl(300, 38%, 58%) | |
315 | #bd6ba8 | rgb(189, 107, 168) | hsl(315, 38%, 58%) | |
330 | #bd6b94 | rgb(189, 107, 148) | hsl(330, 38%, 58%) | |
345 | #bd6b80 | rgb(189, 107, 128) | hsl(345, 38%, 58%) | |
360 | #bd6b6b | rgb(189, 107, 107) | hsl(0, 38%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff129 | rgb(255, 241, 41) | hsl(56, 100%, 58%) | |
95% | #faec2e | rgb(250, 236, 46) | hsl(56, 95%, 58%) | |
90% | #f4e734 | rgb(244, 231, 52) | hsl(56, 90%, 58%) | |
85% | #efe339 | rgb(239, 227, 57) | hsl(56, 85%, 58%) | |
80% | #eade3e | rgb(234, 222, 62) | hsl(56, 80%, 58%) | |
75% | #e4da44 | rgb(228, 218, 68) | hsl(56, 75%, 58%) | |
70% | #dfd549 | rgb(223, 213, 73) | hsl(56, 70%, 58%) | |
65% | #dad04e | rgb(218, 208, 78) | hsl(56, 65%, 58%) | |
60% | #d4cc54 | rgb(212, 204, 84) | hsl(56, 60%, 58%) | |
55% | #cfc759 | rgb(207, 199, 89) | hsl(56, 55%, 58%) | |
50% | #c9c25e | rgb(201, 194, 94) | hsl(56, 50%, 58%) | |
45% | #c4be64 | rgb(196, 190, 100) | hsl(56, 45%, 58%) | |
40% | #bfb969 | rgb(191, 185, 105) | hsl(56, 40%, 58%) | |
38% | #bdb76b | rgb(189, 183, 107) | hsl(56, 38%, 58%) | |
35% | #b9b46e | rgb(185, 180, 110) | hsl(56, 35%, 58%) | |
30% | #b4b074 | rgb(180, 176, 116) | hsl(56, 30%, 58%) | |
25% | #afab79 | rgb(175, 171, 121) | hsl(56, 25%, 58%) | |
20% | #a9a67e | rgb(169, 166, 126) | hsl(56, 20%, 58%) | |
15% | #a4a284 | rgb(164, 162, 132) | hsl(56, 15%, 58%) | |
10% | #9f9d89 | rgb(159, 157, 137) | hsl(56, 10%, 58%) | |
5% | #99998f | rgb(153, 153, 143) | hsl(56, 5%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(56, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(56, 38%, 100%) | |
95% | #f7f6ed | rgb(247, 246, 237) | hsl(56, 38%, 95%) | |
90% | #efeedc | rgb(239, 238, 220) | hsl(56, 38%, 90%) | |
85% | #e7e5ca | rgb(231, 229, 202) | hsl(56, 38%, 85%) | |
80% | #dfddb9 | rgb(223, 221, 185) | hsl(56, 38%, 80%) | |
75% | #d7d4a7 | rgb(215, 212, 167) | hsl(56, 38%, 75%) | |
70% | #d0cc95 | rgb(208, 204, 149) | hsl(56, 38%, 70%) | |
65% | #c8c384 | rgb(200, 195, 132) | hsl(56, 38%, 65%) | |
60% | #c0bb72 | rgb(192, 187, 114) | hsl(56, 38%, 60%) | |
58% | #bdb76b | rgb(189, 183, 107) | hsl(56, 38%, 58%) | |
55% | #b8b261 | rgb(184, 178, 97) | hsl(56, 38%, 55%) | |
50% | #b0a94f | rgb(176, 169, 79) | hsl(56, 38%, 50%) | |
45% | #9e9947 | rgb(158, 153, 71) | hsl(56, 38%, 45%) | |
40% | #8d883f | rgb(141, 136, 63) | hsl(56, 38%, 40%) | |
35% | #7b7737 | rgb(123, 119, 55) | hsl(56, 38%, 35%) | |
30% | #6a662f | rgb(106, 102, 47) | hsl(56, 38%, 30%) | |
25% | #585528 | rgb(88, 85, 40) | hsl(56, 38%, 25%) | |
20% | #464420 | rgb(70, 68, 32) | hsl(56, 38%, 20%) | |
15% | #353318 | rgb(53, 51, 24) | hsl(56, 38%, 15%) | |
10% | #232210 | rgb(35, 34, 16) | hsl(56, 38%, 10%) | |
5% | #121108 | rgb(18, 17, 8) | hsl(56, 38%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(56, 38%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
189 | 183 | 107 |
rgb(189, 183, 107)
#bdb76b
#bdb76b