HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#505c84
rgb(80, 92, 132)
hsl(226, 25%, 42%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #eff1f5 | |
| 90% | #dfe2ec | |
| 85% | #cfd4e2 | |
| 80% | #bfc5d9 | |
| 75% | #afb7cf | |
| 70% | #9fa8c6 | |
| 65% | #8f9abc | |
| 60% | #808bb3 | |
| 55% | #707da9 | |
| 50% | #606f9f | |
| 45% | #56638f | |
| 42% | #505c84 | |
| 40% | #4d5880 | |
| 35% | #434d70 | |
| 30% | #394260 | |
| 25% | #303750 | |
| 20% | #262c40 | |
| 15% | #1d2130 | |
| 10% | #131620 | |
| 5% | #0a0b10 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #865050 | rgb(134, 80, 80) | hsl(0, 25%, 42%) | |
| 15 | #865e50 | rgb(134, 94, 80) | hsl(15, 25%, 42%) | |
| 30 | #866b50 | rgb(134, 107, 80) | hsl(30, 25%, 42%) | |
| 45 | #867850 | rgb(134, 120, 80) | hsl(45, 25%, 42%) | |
| 60 | #868650 | rgb(134, 134, 80) | hsl(60, 25%, 42%) | |
| 75 | #788650 | rgb(120, 134, 80) | hsl(75, 25%, 42%) | |
| 90 | #6b8650 | rgb(107, 134, 80) | hsl(90, 25%, 42%) | |
| 105 | #5e8650 | rgb(94, 134, 80) | hsl(105, 25%, 42%) | |
| 120 | #508650 | rgb(80, 134, 80) | hsl(120, 25%, 42%) | |
| 135 | #50865e | rgb(80, 134, 94) | hsl(135, 25%, 42%) | |
| 150 | #50866b | rgb(80, 134, 107) | hsl(150, 25%, 42%) | |
| 165 | #508678 | rgb(80, 134, 120) | hsl(165, 25%, 42%) | |
| 180 | #508686 | rgb(80, 134, 134) | hsl(180, 25%, 42%) | |
| 195 | #507886 | rgb(80, 120, 134) | hsl(195, 25%, 42%) | |
| 210 | #506b86 | rgb(80, 107, 134) | hsl(210, 25%, 42%) | |
| 225 | #505e86 | rgb(80, 94, 134) | hsl(225, 25%, 42%) | |
| 226 | #505c84 | rgb(80, 92, 132) | hsl(226, 25%, 42%) | |
| 240 | #505086 | rgb(80, 80, 134) | hsl(240, 25%, 42%) | |
| 255 | #5e5086 | rgb(94, 80, 134) | hsl(255, 25%, 42%) | |
| 270 | #6b5086 | rgb(107, 80, 134) | hsl(270, 25%, 42%) | |
| 285 | #785086 | rgb(120, 80, 134) | hsl(285, 25%, 42%) | |
| 300 | #865086 | rgb(134, 80, 134) | hsl(300, 25%, 42%) | |
| 315 | #865078 | rgb(134, 80, 120) | hsl(315, 25%, 42%) | |
| 330 | #86506b | rgb(134, 80, 107) | hsl(330, 25%, 42%) | |
| 345 | #86505e | rgb(134, 80, 94) | hsl(345, 25%, 42%) | |
| 360 | #865050 | rgb(134, 80, 80) | hsl(0, 25%, 42%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #0032d6 | rgb(0, 50, 214) | hsl(226, 100%, 42%) | |
| 95% | #0535d1 | rgb(5, 53, 209) | hsl(226, 95%, 42%) | |
| 90% | #0b38cb | rgb(11, 56, 203) | hsl(226, 90%, 42%) | |
| 85% | #103bc6 | rgb(16, 59, 198) | hsl(226, 85%, 42%) | |
| 80% | #153dc1 | rgb(21, 61, 193) | hsl(226, 80%, 42%) | |
| 75% | #1b40bb | rgb(27, 64, 187) | hsl(226, 75%, 42%) | |
| 70% | #2043b6 | rgb(32, 67, 182) | hsl(226, 70%, 42%) | |
| 65% | #2546b1 | rgb(37, 70, 177) | hsl(226, 65%, 42%) | |
| 60% | #2b49ab | rgb(43, 73, 171) | hsl(226, 60%, 42%) | |
| 55% | #304ca6 | rgb(48, 76, 166) | hsl(226, 55%, 42%) | |
| 50% | #364fa1 | rgb(54, 79, 161) | hsl(226, 50%, 42%) | |
| 45% | #3b519b | rgb(59, 81, 155) | hsl(226, 45%, 42%) | |
| 40% | #405496 | rgb(64, 84, 150) | hsl(226, 40%, 42%) | |
| 35% | #465791 | rgb(70, 87, 145) | hsl(226, 35%, 42%) | |
| 30% | #4b5a8b | rgb(75, 90, 139) | hsl(226, 30%, 42%) | |
| 25% | #505c84 | rgb(80, 92, 132) | hsl(226, 25%, 42%) | |
| 20% | #566081 | rgb(86, 96, 129) | hsl(226, 20%, 42%) | |
| 15% | #5b637b | rgb(91, 99, 123) | hsl(226, 15%, 42%) | |
| 10% | #606576 | rgb(96, 101, 118) | hsl(226, 10%, 42%) | |
| 5% | #666870 | rgb(102, 104, 112) | hsl(226, 5%, 42%) | |
| 0% | #6b6b6b | rgb(107, 107, 107) | hsl(226, 0%, 42%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(226, 25%, 100%) | |
| 95% | #eff1f5 | rgb(239, 241, 245) | hsl(226, 25%, 95%) | |
| 90% | #dfe2ec | rgb(223, 226, 236) | hsl(226, 25%, 90%) | |
| 85% | #cfd4e2 | rgb(207, 212, 226) | hsl(226, 25%, 85%) | |
| 80% | #bfc5d9 | rgb(191, 197, 217) | hsl(226, 25%, 80%) | |
| 75% | #afb7cf | rgb(175, 183, 207) | hsl(226, 25%, 75%) | |
| 70% | #9fa8c6 | rgb(159, 168, 198) | hsl(226, 25%, 70%) | |
| 65% | #8f9abc | rgb(143, 154, 188) | hsl(226, 25%, 65%) | |
| 60% | #808bb3 | rgb(128, 139, 179) | hsl(226, 25%, 60%) | |
| 55% | #707da9 | rgb(112, 125, 169) | hsl(226, 25%, 55%) | |
| 50% | #606f9f | rgb(96, 111, 159) | hsl(226, 25%, 50%) | |
| 45% | #56638f | rgb(86, 99, 143) | hsl(226, 25%, 45%) | |
| 42% | #505c84 | rgb(80, 92, 132) | hsl(226, 25%, 42%) | |
| 40% | #4d5880 | rgb(77, 88, 128) | hsl(226, 25%, 40%) | |
| 35% | #434d70 | rgb(67, 77, 112) | hsl(226, 25%, 35%) | |
| 30% | #394260 | rgb(57, 66, 96) | hsl(226, 25%, 30%) | |
| 25% | #303750 | rgb(48, 55, 80) | hsl(226, 25%, 25%) | |
| 20% | #262c40 | rgb(38, 44, 64) | hsl(226, 25%, 20%) | |
| 15% | #1d2130 | rgb(29, 33, 48) | hsl(226, 25%, 15%) | |
| 10% | #131620 | rgb(19, 22, 32) | hsl(226, 25%, 10%) | |
| 5% | #0a0b10 | rgb(10, 11, 16) | hsl(226, 25%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(226, 25%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 80 | 92 | 132 |
rgb(80, 92, 132)
#505c84
#505c84
