HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#378661
rgb(55, 134, 97)
hsl(152, 42%, 37%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #edf8f3 | |
| 90% | #dbf0e6 | |
| 85% | #c9e9da | |
| 80% | #b7e1cd | |
| 75% | #a4dac1 | |
| 70% | #92d3b5 | |
| 65% | #80cba8 | |
| 60% | #6ec49c | |
| 55% | #5cbc8f | |
| 50% | #4ab583 | |
| 45% | #43a376 | |
| 40% | #3b9169 | |
| 37% | #378661 | |
| 35% | #347f5c | |
| 30% | #2c6d4f | |
| 25% | #255b42 | |
| 20% | #1e4834 | |
| 15% | #163627 | |
| 10% | #0f241a | |
| 5% | #07120d | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #863737 | rgb(134, 55, 55) | hsl(0, 42%, 37%) | |
| 15 | #864b37 | rgb(134, 75, 55) | hsl(15, 42%, 37%) | |
| 30 | #865e37 | rgb(134, 94, 55) | hsl(30, 42%, 37%) | |
| 45 | #867237 | rgb(134, 114, 55) | hsl(45, 42%, 37%) | |
| 60 | #868637 | rgb(134, 134, 55) | hsl(60, 42%, 37%) | |
| 75 | #728637 | rgb(114, 134, 55) | hsl(75, 42%, 37%) | |
| 90 | #5e8637 | rgb(94, 134, 55) | hsl(90, 42%, 37%) | |
| 105 | #4b8637 | rgb(75, 134, 55) | hsl(105, 42%, 37%) | |
| 120 | #378637 | rgb(55, 134, 55) | hsl(120, 42%, 37%) | |
| 135 | #37864b | rgb(55, 134, 75) | hsl(135, 42%, 37%) | |
| 150 | #37865e | rgb(55, 134, 94) | hsl(150, 42%, 37%) | |
| 152 | #378661 | rgb(55, 134, 97) | hsl(152, 42%, 37%) | |
| 165 | #378672 | rgb(55, 134, 114) | hsl(165, 42%, 37%) | |
| 180 | #378686 | rgb(55, 134, 134) | hsl(180, 42%, 37%) | |
| 195 | #377286 | rgb(55, 114, 134) | hsl(195, 42%, 37%) | |
| 210 | #375e86 | rgb(55, 94, 134) | hsl(210, 42%, 37%) | |
| 225 | #374b86 | rgb(55, 75, 134) | hsl(225, 42%, 37%) | |
| 240 | #373786 | rgb(55, 55, 134) | hsl(240, 42%, 37%) | |
| 255 | #4b3786 | rgb(75, 55, 134) | hsl(255, 42%, 37%) | |
| 270 | #5e3786 | rgb(94, 55, 134) | hsl(270, 42%, 37%) | |
| 285 | #723786 | rgb(114, 55, 134) | hsl(285, 42%, 37%) | |
| 300 | #863786 | rgb(134, 55, 134) | hsl(300, 42%, 37%) | |
| 315 | #863772 | rgb(134, 55, 114) | hsl(315, 42%, 37%) | |
| 330 | #86375e | rgb(134, 55, 94) | hsl(330, 42%, 37%) | |
| 345 | #86374b | rgb(134, 55, 75) | hsl(345, 42%, 37%) | |
| 360 | #863737 | rgb(134, 55, 55) | hsl(0, 42%, 37%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #00bd65 | rgb(0, 189, 101) | hsl(152, 100%, 37%) | |
| 95% | #05b864 | rgb(5, 184, 100) | hsl(152, 95%, 37%) | |
| 90% | #09b364 | rgb(9, 179, 100) | hsl(152, 90%, 37%) | |
| 85% | #0eaf64 | rgb(14, 175, 100) | hsl(152, 85%, 37%) | |
| 80% | #13aa63 | rgb(19, 170, 99) | hsl(152, 80%, 37%) | |
| 75% | #18a563 | rgb(24, 165, 99) | hsl(152, 75%, 37%) | |
| 70% | #1ca063 | rgb(28, 160, 99) | hsl(152, 70%, 37%) | |
| 65% | #219c62 | rgb(33, 156, 98) | hsl(152, 65%, 37%) | |
| 60% | #269762 | rgb(38, 151, 98) | hsl(152, 60%, 37%) | |
| 55% | #2a9262 | rgb(42, 146, 98) | hsl(152, 55%, 37%) | |
| 50% | #2f8e61 | rgb(47, 142, 97) | hsl(152, 50%, 37%) | |
| 45% | #348961 | rgb(52, 137, 97) | hsl(152, 45%, 37%) | |
| 42% | #378661 | rgb(55, 134, 97) | hsl(152, 42%, 37%) | |
| 40% | #398461 | rgb(57, 132, 97) | hsl(152, 40%, 37%) | |
| 35% | #3d7f61 | rgb(61, 127, 97) | hsl(152, 35%, 37%) | |
| 30% | #427b60 | rgb(66, 123, 96) | hsl(152, 30%, 37%) | |
| 25% | #477660 | rgb(71, 118, 96) | hsl(152, 25%, 37%) | |
| 20% | #4b7160 | rgb(75, 113, 96) | hsl(152, 20%, 37%) | |
| 15% | #506d5f | rgb(80, 109, 95) | hsl(152, 15%, 37%) | |
| 10% | #55685f | rgb(85, 104, 95) | hsl(152, 10%, 37%) | |
| 5% | #5a635f | rgb(90, 99, 95) | hsl(152, 5%, 37%) | |
| 0% | #5e5e5e | rgb(94, 94, 94) | hsl(152, 0%, 37%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(152, 42%, 100%) | |
| 95% | #edf8f3 | rgb(237, 248, 243) | hsl(152, 42%, 95%) | |
| 90% | #dbf0e6 | rgb(219, 240, 230) | hsl(152, 42%, 90%) | |
| 85% | #c9e9da | rgb(201, 233, 218) | hsl(152, 42%, 85%) | |
| 80% | #b7e1cd | rgb(183, 225, 205) | hsl(152, 42%, 80%) | |
| 75% | #a4dac1 | rgb(164, 218, 193) | hsl(152, 42%, 75%) | |
| 70% | #92d3b5 | rgb(146, 211, 181) | hsl(152, 42%, 70%) | |
| 65% | #80cba8 | rgb(128, 203, 168) | hsl(152, 42%, 65%) | |
| 60% | #6ec49c | rgb(110, 196, 156) | hsl(152, 42%, 60%) | |
| 55% | #5cbc8f | rgb(92, 188, 143) | hsl(152, 42%, 55%) | |
| 50% | #4ab583 | rgb(74, 181, 131) | hsl(152, 42%, 50%) | |
| 45% | #43a376 | rgb(67, 163, 118) | hsl(152, 42%, 45%) | |
| 40% | #3b9169 | rgb(59, 145, 105) | hsl(152, 42%, 40%) | |
| 37% | #378661 | rgb(55, 134, 97) | hsl(152, 42%, 37%) | |
| 35% | #347f5c | rgb(52, 127, 92) | hsl(152, 42%, 35%) | |
| 30% | #2c6d4f | rgb(44, 109, 79) | hsl(152, 42%, 30%) | |
| 25% | #255b42 | rgb(37, 91, 66) | hsl(152, 42%, 25%) | |
| 20% | #1e4834 | rgb(30, 72, 52) | hsl(152, 42%, 20%) | |
| 15% | #163627 | rgb(22, 54, 39) | hsl(152, 42%, 15%) | |
| 10% | #0f241a | rgb(15, 36, 26) | hsl(152, 42%, 10%) | |
| 5% | #07120d | rgb(7, 18, 13) | hsl(152, 42%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(152, 42%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 55 | 134 | 97 |
rgb(55, 134, 97)
#378661
#378661
