HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bdbebf
rgb(189, 190, 191)
hsl(210, 2%, 75%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f2f2f3 | |
| 90% | #e5e6e6 | |
| 85% | #d8d9da | |
| 80% | #cbcccd | |
| 75% | #bdbebf | |
| 70% | #b1b3b4 | |
| 65% | #a4a6a8 | |
| 60% | #97999b | |
| 55% | #8a8c8f | |
| 50% | #7d8082 | |
| 45% | #707375 | |
| 40% | #646668 | |
| 35% | #57595b | |
| 30% | #4b4d4e | |
| 25% | #3e4041 | |
| 20% | #323334 | |
| 15% | #252627 | |
| 10% | #191a1a | |
| 5% | #0c0d0d | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #c1bebe | rgb(193, 190, 190) | hsl(0, 2%, 75%) | |
| 15 | #c1bfbe | rgb(193, 191, 190) | hsl(15, 2%, 75%) | |
| 30 | #c1bfbe | rgb(193, 191, 190) | hsl(30, 2%, 75%) | |
| 45 | #c1c0be | rgb(193, 192, 190) | hsl(45, 2%, 75%) | |
| 60 | #c1c1be | rgb(193, 193, 190) | hsl(60, 2%, 75%) | |
| 75 | #c0c1be | rgb(192, 193, 190) | hsl(75, 2%, 75%) | |
| 90 | #bfc1be | rgb(191, 193, 190) | hsl(90, 2%, 75%) | |
| 105 | #bfc1be | rgb(191, 193, 190) | hsl(105, 2%, 75%) | |
| 120 | #bec1be | rgb(190, 193, 190) | hsl(120, 2%, 75%) | |
| 135 | #bec1bf | rgb(190, 193, 191) | hsl(135, 2%, 75%) | |
| 150 | #bec1bf | rgb(190, 193, 191) | hsl(150, 2%, 75%) | |
| 165 | #bec1c0 | rgb(190, 193, 192) | hsl(165, 2%, 75%) | |
| 180 | #bec1c1 | rgb(190, 193, 193) | hsl(180, 2%, 75%) | |
| 195 | #bec0c1 | rgb(190, 192, 193) | hsl(195, 2%, 75%) | |
| 210 | #bdbebf | rgb(189, 190, 191) | hsl(210, 2%, 75%) | |
| 225 | #bebfc1 | rgb(190, 191, 193) | hsl(225, 2%, 75%) | |
| 240 | #bebec1 | rgb(190, 190, 193) | hsl(240, 2%, 75%) | |
| 255 | #bfbec1 | rgb(191, 190, 193) | hsl(255, 2%, 75%) | |
| 270 | #bfbec1 | rgb(191, 190, 193) | hsl(270, 2%, 75%) | |
| 285 | #c0bec1 | rgb(192, 190, 193) | hsl(285, 2%, 75%) | |
| 300 | #c1bec1 | rgb(193, 190, 193) | hsl(300, 2%, 75%) | |
| 315 | #c1bec0 | rgb(193, 190, 192) | hsl(315, 2%, 75%) | |
| 330 | #c1bebf | rgb(193, 190, 191) | hsl(330, 2%, 75%) | |
| 345 | #c1bebf | rgb(193, 190, 191) | hsl(345, 2%, 75%) | |
| 360 | #c1bebe | rgb(193, 190, 190) | hsl(0, 2%, 75%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #80bfff | rgb(128, 191, 255) | hsl(210, 100%, 75%) | |
| 95% | #83bffc | rgb(131, 191, 252) | hsl(210, 95%, 75%) | |
| 90% | #86bff9 | rgb(134, 191, 249) | hsl(210, 90%, 75%) | |
| 85% | #89bff5 | rgb(137, 191, 245) | hsl(210, 85%, 75%) | |
| 80% | #8cbff2 | rgb(140, 191, 242) | hsl(210, 80%, 75%) | |
| 75% | #8fbfef | rgb(143, 191, 239) | hsl(210, 75%, 75%) | |
| 70% | #93bfec | rgb(147, 191, 236) | hsl(210, 70%, 75%) | |
| 65% | #96bfe9 | rgb(150, 191, 233) | hsl(210, 65%, 75%) | |
| 60% | #99bfe6 | rgb(153, 191, 230) | hsl(210, 60%, 75%) | |
| 55% | #9cbfe2 | rgb(156, 191, 226) | hsl(210, 55%, 75%) | |
| 50% | #9fbfdf | rgb(159, 191, 223) | hsl(210, 50%, 75%) | |
| 45% | #a3bfdc | rgb(163, 191, 220) | hsl(210, 45%, 75%) | |
| 40% | #a6bfd9 | rgb(166, 191, 217) | hsl(210, 40%, 75%) | |
| 35% | #a9bfd6 | rgb(169, 191, 214) | hsl(210, 35%, 75%) | |
| 30% | #acbfd2 | rgb(172, 191, 210) | hsl(210, 30%, 75%) | |
| 25% | #afbfcf | rgb(175, 191, 207) | hsl(210, 25%, 75%) | |
| 20% | #b3bfcc | rgb(179, 191, 204) | hsl(210, 20%, 75%) | |
| 15% | #b6bfc9 | rgb(182, 191, 201) | hsl(210, 15%, 75%) | |
| 10% | #b9bfc6 | rgb(185, 191, 198) | hsl(210, 10%, 75%) | |
| 5% | #bcbfc2 | rgb(188, 191, 194) | hsl(210, 5%, 75%) | |
| 2% | #bdbebf | rgb(189, 190, 191) | hsl(210, 2%, 75%) | |
| 0% | #bfbfbf | rgb(191, 191, 191) | hsl(210, 0%, 75%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(210, 2%, 100%) | |
| 95% | #f2f2f3 | rgb(242, 242, 243) | hsl(210, 2%, 95%) | |
| 90% | #e5e6e6 | rgb(229, 230, 230) | hsl(210, 2%, 90%) | |
| 85% | #d8d9da | rgb(216, 217, 218) | hsl(210, 2%, 85%) | |
| 80% | #cbcccd | rgb(203, 204, 205) | hsl(210, 2%, 80%) | |
| 75% | #bdbebf | rgb(189, 190, 191) | hsl(210, 2%, 75%) | |
| 70% | #b1b3b4 | rgb(177, 179, 180) | hsl(210, 2%, 70%) | |
| 65% | #a4a6a8 | rgb(164, 166, 168) | hsl(210, 2%, 65%) | |
| 60% | #97999b | rgb(151, 153, 155) | hsl(210, 2%, 60%) | |
| 55% | #8a8c8f | rgb(138, 140, 143) | hsl(210, 2%, 55%) | |
| 50% | #7d8082 | rgb(125, 128, 130) | hsl(210, 2%, 50%) | |
| 45% | #707375 | rgb(112, 115, 117) | hsl(210, 2%, 45%) | |
| 40% | #646668 | rgb(100, 102, 104) | hsl(210, 2%, 40%) | |
| 35% | #57595b | rgb(87, 89, 91) | hsl(210, 2%, 35%) | |
| 30% | #4b4d4e | rgb(75, 77, 78) | hsl(210, 2%, 30%) | |
| 25% | #3e4041 | rgb(62, 64, 65) | hsl(210, 2%, 25%) | |
| 20% | #323334 | rgb(50, 51, 52) | hsl(210, 2%, 20%) | |
| 15% | #252627 | rgb(37, 38, 39) | hsl(210, 2%, 15%) | |
| 10% | #191a1a | rgb(25, 26, 26) | hsl(210, 2%, 10%) | |
| 5% | #0c0d0d | rgb(12, 13, 13) | hsl(210, 2%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(210, 2%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 189 | 190 | 191 |
rgb(189, 190, 191)
#bdbebf
#bdbebf
