HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9f2436
rgb(159, 36, 54)
hsl(351, 63%, 38%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #faeaed | |
| 90% | #f6d5da | |
| 85% | #f1c1c8 | |
| 80% | #ecacb6 | |
| 75% | #e797a3 | |
| 70% | #e38291 | |
| 65% | #de6e7e | |
| 60% | #d9596c | |
| 55% | #d5445a | |
| 50% | #d02f47 | |
| 45% | #bb2a40 | |
| 40% | #a62639 | |
| 38% | #9f2436 | |
| 35% | #912132 | |
| 30% | #7d1c2b | |
| 25% | #681824 | |
| 20% | #53131d | |
| 15% | #3e0e15 | |
| 10% | #2a090e | |
| 5% | #150507 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #9e2424 | rgb(158, 36, 36) | hsl(0, 63%, 38%) | |
| 15 | #9e4224 | rgb(158, 66, 36) | hsl(15, 63%, 38%) | |
| 30 | #9e6124 | rgb(158, 97, 36) | hsl(30, 63%, 38%) | |
| 45 | #9e7f24 | rgb(158, 127, 36) | hsl(45, 63%, 38%) | |
| 60 | #9e9e24 | rgb(158, 158, 36) | hsl(60, 63%, 38%) | |
| 75 | #7f9e24 | rgb(127, 158, 36) | hsl(75, 63%, 38%) | |
| 90 | #619e24 | rgb(97, 158, 36) | hsl(90, 63%, 38%) | |
| 105 | #429e24 | rgb(66, 158, 36) | hsl(105, 63%, 38%) | |
| 120 | #249e24 | rgb(36, 158, 36) | hsl(120, 63%, 38%) | |
| 135 | #249e42 | rgb(36, 158, 66) | hsl(135, 63%, 38%) | |
| 150 | #249e61 | rgb(36, 158, 97) | hsl(150, 63%, 38%) | |
| 165 | #249e7f | rgb(36, 158, 127) | hsl(165, 63%, 38%) | |
| 180 | #249e9e | rgb(36, 158, 158) | hsl(180, 63%, 38%) | |
| 195 | #247f9e | rgb(36, 127, 158) | hsl(195, 63%, 38%) | |
| 210 | #24619e | rgb(36, 97, 158) | hsl(210, 63%, 38%) | |
| 225 | #24429e | rgb(36, 66, 158) | hsl(225, 63%, 38%) | |
| 240 | #24249e | rgb(36, 36, 158) | hsl(240, 63%, 38%) | |
| 255 | #42249e | rgb(66, 36, 158) | hsl(255, 63%, 38%) | |
| 270 | #61249e | rgb(97, 36, 158) | hsl(270, 63%, 38%) | |
| 285 | #7f249e | rgb(127, 36, 158) | hsl(285, 63%, 38%) | |
| 300 | #9e249e | rgb(158, 36, 158) | hsl(300, 63%, 38%) | |
| 315 | #9e247f | rgb(158, 36, 127) | hsl(315, 63%, 38%) | |
| 330 | #9e2461 | rgb(158, 36, 97) | hsl(330, 63%, 38%) | |
| 345 | #9e2442 | rgb(158, 36, 66) | hsl(345, 63%, 38%) | |
| 351 | #9f2436 | rgb(159, 36, 54) | hsl(351, 63%, 38%) | |
| 360 | #9e2424 | rgb(158, 36, 36) | hsl(0, 63%, 38%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #c2001d | rgb(194, 0, 29) | hsl(351, 100%, 38%) | |
| 95% | #bd0520 | rgb(189, 5, 32) | hsl(351, 95%, 38%) | |
| 90% | #b80a24 | rgb(184, 10, 36) | hsl(351, 90%, 38%) | |
| 85% | #b30f27 | rgb(179, 15, 39) | hsl(351, 85%, 38%) | |
| 80% | #ae132b | rgb(174, 19, 43) | hsl(351, 80%, 38%) | |
| 75% | #aa182e | rgb(170, 24, 46) | hsl(351, 75%, 38%) | |
| 70% | #a51d31 | rgb(165, 29, 49) | hsl(351, 70%, 38%) | |
| 65% | #a02235 | rgb(160, 34, 53) | hsl(351, 65%, 38%) | |
| 63% | #9f2436 | rgb(159, 36, 54) | hsl(351, 63%, 38%) | |
| 60% | #9b2738 | rgb(155, 39, 56) | hsl(351, 60%, 38%) | |
| 55% | #962c3c | rgb(150, 44, 60) | hsl(351, 55%, 38%) | |
| 50% | #91303f | rgb(145, 48, 63) | hsl(351, 50%, 38%) | |
| 45% | #8d3542 | rgb(141, 53, 66) | hsl(351, 45%, 38%) | |
| 40% | #883a46 | rgb(136, 58, 70) | hsl(351, 40%, 38%) | |
| 35% | #833f49 | rgb(131, 63, 73) | hsl(351, 35%, 38%) | |
| 30% | #7e444d | rgb(126, 68, 77) | hsl(351, 30%, 38%) | |
| 25% | #794950 | rgb(121, 73, 80) | hsl(351, 25%, 38%) | |
| 20% | #744e53 | rgb(116, 78, 83) | hsl(351, 20%, 38%) | |
| 15% | #6f5257 | rgb(111, 82, 87) | hsl(351, 15%, 38%) | |
| 10% | #6b575a | rgb(107, 87, 90) | hsl(351, 10%, 38%) | |
| 5% | #665c5e | rgb(102, 92, 94) | hsl(351, 5%, 38%) | |
| 0% | #616161 | rgb(97, 97, 97) | hsl(351, 0%, 38%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(351, 63%, 100%) | |
| 95% | #faeaed | rgb(250, 234, 237) | hsl(351, 63%, 95%) | |
| 90% | #f6d5da | rgb(246, 213, 218) | hsl(351, 63%, 90%) | |
| 85% | #f1c1c8 | rgb(241, 193, 200) | hsl(351, 63%, 85%) | |
| 80% | #ecacb6 | rgb(236, 172, 182) | hsl(351, 63%, 80%) | |
| 75% | #e797a3 | rgb(231, 151, 163) | hsl(351, 63%, 75%) | |
| 70% | #e38291 | rgb(227, 130, 145) | hsl(351, 63%, 70%) | |
| 65% | #de6e7e | rgb(222, 110, 126) | hsl(351, 63%, 65%) | |
| 60% | #d9596c | rgb(217, 89, 108) | hsl(351, 63%, 60%) | |
| 55% | #d5445a | rgb(213, 68, 90) | hsl(351, 63%, 55%) | |
| 50% | #d02f47 | rgb(208, 47, 71) | hsl(351, 63%, 50%) | |
| 45% | #bb2a40 | rgb(187, 42, 64) | hsl(351, 63%, 45%) | |
| 40% | #a62639 | rgb(166, 38, 57) | hsl(351, 63%, 40%) | |
| 38% | #9f2436 | rgb(159, 36, 54) | hsl(351, 63%, 38%) | |
| 35% | #912132 | rgb(145, 33, 50) | hsl(351, 63%, 35%) | |
| 30% | #7d1c2b | rgb(125, 28, 43) | hsl(351, 63%, 30%) | |
| 25% | #681824 | rgb(104, 24, 36) | hsl(351, 63%, 25%) | |
| 20% | #53131d | rgb(83, 19, 29) | hsl(351, 63%, 20%) | |
| 15% | #3e0e15 | rgb(62, 14, 21) | hsl(351, 63%, 15%) | |
| 10% | #2a090e | rgb(42, 9, 14) | hsl(351, 63%, 10%) | |
| 5% | #150507 | rgb(21, 5, 7) | hsl(351, 63%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(351, 63%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 159 | 36 | 54 |
rgb(159, 36, 54)
#9f2436
#9f2436
