HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d87093
rgb(216, 112, 147)
hsl(340, 57%, 64%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #faebf0 | |
| 90% | #f4d7e1 | |
| 85% | #efc3d1 | |
| 80% | #e9afc2 | |
| 75% | #e49bb3 | |
| 70% | #de87a4 | |
| 65% | #d97395 | |
| 64% | #d87093 | |
| 60% | #d35f86 | |
| 55% | #ce4b76 | |
| 50% | #c83767 | |
| 45% | #b4315d | |
| 40% | #a02c53 | |
| 35% | #8c2648 | |
| 30% | #78213e | |
| 25% | #641b34 | |
| 20% | #501629 | |
| 15% | #3c101f | |
| 10% | #280b15 | |
| 5% | #14050a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #d86f6f | rgb(216, 111, 111) | hsl(0, 57%, 64%) | |
| 15 | #d8896f | rgb(216, 137, 111) | hsl(15, 57%, 64%) | |
| 30 | #d8a36f | rgb(216, 163, 111) | hsl(30, 57%, 64%) | |
| 45 | #d8bd6f | rgb(216, 189, 111) | hsl(45, 57%, 64%) | |
| 60 | #d8d86f | rgb(216, 216, 111) | hsl(60, 57%, 64%) | |
| 75 | #bdd86f | rgb(189, 216, 111) | hsl(75, 57%, 64%) | |
| 90 | #a3d86f | rgb(163, 216, 111) | hsl(90, 57%, 64%) | |
| 105 | #89d86f | rgb(137, 216, 111) | hsl(105, 57%, 64%) | |
| 120 | #6fd86f | rgb(111, 216, 111) | hsl(120, 57%, 64%) | |
| 135 | #6fd889 | rgb(111, 216, 137) | hsl(135, 57%, 64%) | |
| 150 | #6fd8a3 | rgb(111, 216, 163) | hsl(150, 57%, 64%) | |
| 165 | #6fd8bd | rgb(111, 216, 189) | hsl(165, 57%, 64%) | |
| 180 | #6fd8d8 | rgb(111, 216, 216) | hsl(180, 57%, 64%) | |
| 195 | #6fbdd8 | rgb(111, 189, 216) | hsl(195, 57%, 64%) | |
| 210 | #6fa3d8 | rgb(111, 163, 216) | hsl(210, 57%, 64%) | |
| 225 | #6f89d8 | rgb(111, 137, 216) | hsl(225, 57%, 64%) | |
| 240 | #6f6fd8 | rgb(111, 111, 216) | hsl(240, 57%, 64%) | |
| 255 | #896fd8 | rgb(137, 111, 216) | hsl(255, 57%, 64%) | |
| 270 | #a36fd8 | rgb(163, 111, 216) | hsl(270, 57%, 64%) | |
| 285 | #bd6fd8 | rgb(189, 111, 216) | hsl(285, 57%, 64%) | |
| 300 | #d86fd8 | rgb(216, 111, 216) | hsl(300, 57%, 64%) | |
| 315 | #d86fbd | rgb(216, 111, 189) | hsl(315, 57%, 64%) | |
| 330 | #d86fa3 | rgb(216, 111, 163) | hsl(330, 57%, 64%) | |
| 340 | #d87093 | rgb(216, 112, 147) | hsl(340, 57%, 64%) | |
| 345 | #d86f89 | rgb(216, 111, 137) | hsl(345, 57%, 64%) | |
| 360 | #d86f6f | rgb(216, 111, 111) | hsl(0, 57%, 64%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ff4785 | rgb(255, 71, 133) | hsl(340, 100%, 64%) | |
| 95% | #fa4c86 | rgb(250, 76, 134) | hsl(340, 95%, 64%) | |
| 90% | #f65188 | rgb(246, 81, 136) | hsl(340, 90%, 64%) | |
| 85% | #f15589 | rgb(241, 85, 137) | hsl(340, 85%, 64%) | |
| 80% | #ed5a8b | rgb(237, 90, 139) | hsl(340, 80%, 64%) | |
| 75% | #e85e8c | rgb(232, 94, 140) | hsl(340, 75%, 64%) | |
| 70% | #e3638e | rgb(227, 99, 142) | hsl(340, 70%, 64%) | |
| 65% | #df688f | rgb(223, 104, 143) | hsl(340, 65%, 64%) | |
| 60% | #da6c91 | rgb(218, 108, 145) | hsl(340, 60%, 64%) | |
| 57% | #d87093 | rgb(216, 112, 147) | hsl(340, 57%, 64%) | |
| 55% | #d67192 | rgb(214, 113, 146) | hsl(340, 55%, 64%) | |
| 50% | #d17594 | rgb(209, 117, 148) | hsl(340, 50%, 64%) | |
| 45% | #cd7a95 | rgb(205, 122, 149) | hsl(340, 45%, 64%) | |
| 40% | #c87e97 | rgb(200, 126, 151) | hsl(340, 40%, 64%) | |
| 35% | #c38398 | rgb(195, 131, 152) | hsl(340, 35%, 64%) | |
| 30% | #bf889a | rgb(191, 136, 154) | hsl(340, 30%, 64%) | |
| 25% | #ba8c9c | rgb(186, 140, 156) | hsl(340, 25%, 64%) | |
| 20% | #b6919d | rgb(182, 145, 157) | hsl(340, 20%, 64%) | |
| 15% | #b1959f | rgb(177, 149, 159) | hsl(340, 15%, 64%) | |
| 10% | #ac9aa0 | rgb(172, 154, 160) | hsl(340, 10%, 64%) | |
| 5% | #a89fa2 | rgb(168, 159, 162) | hsl(340, 5%, 64%) | |
| 0% | #a3a3a3 | rgb(163, 163, 163) | hsl(340, 0%, 64%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(340, 57%, 100%) | |
| 95% | #faebf0 | rgb(250, 235, 240) | hsl(340, 57%, 95%) | |
| 90% | #f4d7e1 | rgb(244, 215, 225) | hsl(340, 57%, 90%) | |
| 85% | #efc3d1 | rgb(239, 195, 209) | hsl(340, 57%, 85%) | |
| 80% | #e9afc2 | rgb(233, 175, 194) | hsl(340, 57%, 80%) | |
| 75% | #e49bb3 | rgb(228, 155, 179) | hsl(340, 57%, 75%) | |
| 70% | #de87a4 | rgb(222, 135, 164) | hsl(340, 57%, 70%) | |
| 65% | #d97395 | rgb(217, 115, 149) | hsl(340, 57%, 65%) | |
| 64% | #d87093 | rgb(216, 112, 147) | hsl(340, 57%, 64%) | |
| 60% | #d35f86 | rgb(211, 95, 134) | hsl(340, 57%, 60%) | |
| 55% | #ce4b76 | rgb(206, 75, 118) | hsl(340, 57%, 55%) | |
| 50% | #c83767 | rgb(200, 55, 103) | hsl(340, 57%, 50%) | |
| 45% | #b4315d | rgb(180, 49, 93) | hsl(340, 57%, 45%) | |
| 40% | #a02c53 | rgb(160, 44, 83) | hsl(340, 57%, 40%) | |
| 35% | #8c2648 | rgb(140, 38, 72) | hsl(340, 57%, 35%) | |
| 30% | #78213e | rgb(120, 33, 62) | hsl(340, 57%, 30%) | |
| 25% | #641b34 | rgb(100, 27, 52) | hsl(340, 57%, 25%) | |
| 20% | #501629 | rgb(80, 22, 41) | hsl(340, 57%, 20%) | |
| 15% | #3c101f | rgb(60, 16, 31) | hsl(340, 57%, 15%) | |
| 10% | #280b15 | rgb(40, 11, 21) | hsl(340, 57%, 10%) | |
| 5% | #14050a | rgb(20, 5, 10) | hsl(340, 57%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(340, 57%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 216 | 112 | 147 |
rgb(216, 112, 147)
#d87093
#d87093
