HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bd1e24
rgb(189, 30, 36)
hsl(358, 73%, 43%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #fce9ea | |
| 90% | #f8d3d4 | |
| 85% | #f5bdbf | |
| 80% | #f1a7a9 | |
| 75% | #ee9194 | |
| 70% | #ea7b7e | |
| 65% | #e76569 | |
| 60% | #e34f54 | |
| 55% | #e0383e | |
| 50% | #dd2229 | |
| 45% | #c71f25 | |
| 43% | #bd1e24 | |
| 40% | #b01c21 | |
| 35% | #9a181c | |
| 30% | #841518 | |
| 25% | #6e1114 | |
| 20% | #580e10 | |
| 15% | #420a0c | |
| 10% | #2c0708 | |
| 5% | #160304 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #be1e1e | rgb(190, 30, 30) | hsl(0, 73%, 43%) | |
| 15 | #be461e | rgb(190, 70, 30) | hsl(15, 73%, 43%) | |
| 30 | #be6e1e | rgb(190, 110, 30) | hsl(30, 73%, 43%) | |
| 45 | #be961e | rgb(190, 150, 30) | hsl(45, 73%, 43%) | |
| 60 | #bebe1e | rgb(190, 190, 30) | hsl(60, 73%, 43%) | |
| 75 | #96be1e | rgb(150, 190, 30) | hsl(75, 73%, 43%) | |
| 90 | #6ebe1e | rgb(110, 190, 30) | hsl(90, 73%, 43%) | |
| 105 | #46be1e | rgb(70, 190, 30) | hsl(105, 73%, 43%) | |
| 120 | #1ebe1e | rgb(30, 190, 30) | hsl(120, 73%, 43%) | |
| 135 | #1ebe46 | rgb(30, 190, 70) | hsl(135, 73%, 43%) | |
| 150 | #1ebe6e | rgb(30, 190, 110) | hsl(150, 73%, 43%) | |
| 165 | #1ebe96 | rgb(30, 190, 150) | hsl(165, 73%, 43%) | |
| 180 | #1ebebe | rgb(30, 190, 190) | hsl(180, 73%, 43%) | |
| 195 | #1e96be | rgb(30, 150, 190) | hsl(195, 73%, 43%) | |
| 210 | #1e6ebe | rgb(30, 110, 190) | hsl(210, 73%, 43%) | |
| 225 | #1e46be | rgb(30, 70, 190) | hsl(225, 73%, 43%) | |
| 240 | #1e1ebe | rgb(30, 30, 190) | hsl(240, 73%, 43%) | |
| 255 | #461ebe | rgb(70, 30, 190) | hsl(255, 73%, 43%) | |
| 270 | #6e1ebe | rgb(110, 30, 190) | hsl(270, 73%, 43%) | |
| 285 | #961ebe | rgb(150, 30, 190) | hsl(285, 73%, 43%) | |
| 300 | #be1ebe | rgb(190, 30, 190) | hsl(300, 73%, 43%) | |
| 315 | #be1e96 | rgb(190, 30, 150) | hsl(315, 73%, 43%) | |
| 330 | #be1e6e | rgb(190, 30, 110) | hsl(330, 73%, 43%) | |
| 345 | #be1e46 | rgb(190, 30, 70) | hsl(345, 73%, 43%) | |
| 358 | #bd1e24 | rgb(189, 30, 36) | hsl(358, 73%, 43%) | |
| 360 | #be1e1e | rgb(190, 30, 30) | hsl(0, 73%, 43%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #db0007 | rgb(219, 0, 7) | hsl(358, 100%, 43%) | |
| 95% | #d6050c | rgb(214, 5, 12) | hsl(358, 95%, 43%) | |
| 90% | #d00b12 | rgb(208, 11, 18) | hsl(358, 90%, 43%) | |
| 85% | #cb1017 | rgb(203, 16, 23) | hsl(358, 85%, 43%) | |
| 80% | #c5161c | rgb(197, 22, 28) | hsl(358, 80%, 43%) | |
| 75% | #c01b21 | rgb(192, 27, 33) | hsl(358, 75%, 43%) | |
| 73% | #bd1e24 | rgb(189, 30, 36) | hsl(358, 73%, 43%) | |
| 70% | #ba2126 | rgb(186, 33, 38) | hsl(358, 70%, 43%) | |
| 65% | #b5262b | rgb(181, 38, 43) | hsl(358, 65%, 43%) | |
| 60% | #af2c30 | rgb(175, 44, 48) | hsl(358, 60%, 43%) | |
| 55% | #aa3135 | rgb(170, 49, 53) | hsl(358, 55%, 43%) | |
| 50% | #a4373a | rgb(164, 55, 58) | hsl(358, 50%, 43%) | |
| 45% | #9f3c40 | rgb(159, 60, 64) | hsl(358, 45%, 43%) | |
| 40% | #9a4245 | rgb(154, 66, 69) | hsl(358, 40%, 43%) | |
| 35% | #94474a | rgb(148, 71, 74) | hsl(358, 35%, 43%) | |
| 30% | #8f4d4f | rgb(143, 77, 79) | hsl(358, 30%, 43%) | |
| 25% | #895254 | rgb(137, 82, 84) | hsl(358, 25%, 43%) | |
| 20% | #845859 | rgb(132, 88, 89) | hsl(358, 20%, 43%) | |
| 15% | #7e5d5e | rgb(126, 93, 94) | hsl(358, 15%, 43%) | |
| 10% | #796363 | rgb(121, 99, 99) | hsl(358, 10%, 43%) | |
| 5% | #736869 | rgb(115, 104, 105) | hsl(358, 5%, 43%) | |
| 0% | #6e6e6e | rgb(110, 110, 110) | hsl(358, 0%, 43%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(358, 73%, 100%) | |
| 95% | #fce9ea | rgb(252, 233, 234) | hsl(358, 73%, 95%) | |
| 90% | #f8d3d4 | rgb(248, 211, 212) | hsl(358, 73%, 90%) | |
| 85% | #f5bdbf | rgb(245, 189, 191) | hsl(358, 73%, 85%) | |
| 80% | #f1a7a9 | rgb(241, 167, 169) | hsl(358, 73%, 80%) | |
| 75% | #ee9194 | rgb(238, 145, 148) | hsl(358, 73%, 75%) | |
| 70% | #ea7b7e | rgb(234, 123, 126) | hsl(358, 73%, 70%) | |
| 65% | #e76569 | rgb(231, 101, 105) | hsl(358, 73%, 65%) | |
| 60% | #e34f54 | rgb(227, 79, 84) | hsl(358, 73%, 60%) | |
| 55% | #e0383e | rgb(224, 56, 62) | hsl(358, 73%, 55%) | |
| 50% | #dd2229 | rgb(221, 34, 41) | hsl(358, 73%, 50%) | |
| 45% | #c71f25 | rgb(199, 31, 37) | hsl(358, 73%, 45%) | |
| 43% | #bd1e24 | rgb(189, 30, 36) | hsl(358, 73%, 43%) | |
| 40% | #b01c21 | rgb(176, 28, 33) | hsl(358, 73%, 40%) | |
| 35% | #9a181c | rgb(154, 24, 28) | hsl(358, 73%, 35%) | |
| 30% | #841518 | rgb(132, 21, 24) | hsl(358, 73%, 30%) | |
| 25% | #6e1114 | rgb(110, 17, 20) | hsl(358, 73%, 25%) | |
| 20% | #580e10 | rgb(88, 14, 16) | hsl(358, 73%, 20%) | |
| 15% | #420a0c | rgb(66, 10, 12) | hsl(358, 73%, 15%) | |
| 10% | #2c0708 | rgb(44, 7, 8) | hsl(358, 73%, 10%) | |
| 5% | #160304 | rgb(22, 3, 4) | hsl(358, 73%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(358, 73%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 189 | 30 | 36 |
rgb(189, 30, 36)
#bd1e24
#bd1e24
