HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#1e7145
rgb(30, 113, 69)
hsl(148, 58%, 28%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #ebfaf2 | |
| 90% | #d7f4e5 | |
| 85% | #c3efd7 | |
| 80% | #aeeaca | |
| 75% | #9ae4bd | |
| 70% | #86dfb0 | |
| 65% | #72daa2 | |
| 60% | #5ed495 | |
| 55% | #4acf88 | |
| 50% | #36c97b | |
| 45% | #30b56e | |
| 40% | #2ba162 | |
| 35% | #258d56 | |
| 30% | #20794a | |
| 28% | #1e7145 | |
| 25% | #1b653d | |
| 20% | #155131 | |
| 15% | #103c25 | |
| 10% | #0b2819 | |
| 5% | #05140c | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #711e1e | rgb(113, 30, 30) | hsl(0, 58%, 28%) | |
| 15 | #71331e | rgb(113, 51, 30) | hsl(15, 58%, 28%) | |
| 30 | #71471e | rgb(113, 71, 30) | hsl(30, 58%, 28%) | |
| 45 | #715c1e | rgb(113, 92, 30) | hsl(45, 58%, 28%) | |
| 60 | #71711e | rgb(113, 113, 30) | hsl(60, 58%, 28%) | |
| 75 | #5c711e | rgb(92, 113, 30) | hsl(75, 58%, 28%) | |
| 90 | #47711e | rgb(71, 113, 30) | hsl(90, 58%, 28%) | |
| 105 | #33711e | rgb(51, 113, 30) | hsl(105, 58%, 28%) | |
| 120 | #1e711e | rgb(30, 113, 30) | hsl(120, 58%, 28%) | |
| 135 | #1e7133 | rgb(30, 113, 51) | hsl(135, 58%, 28%) | |
| 148 | #1e7145 | rgb(30, 113, 69) | hsl(148, 58%, 28%) | |
| 150 | #1e7147 | rgb(30, 113, 71) | hsl(150, 58%, 28%) | |
| 165 | #1e715c | rgb(30, 113, 92) | hsl(165, 58%, 28%) | |
| 180 | #1e7171 | rgb(30, 113, 113) | hsl(180, 58%, 28%) | |
| 195 | #1e5c71 | rgb(30, 92, 113) | hsl(195, 58%, 28%) | |
| 210 | #1e4771 | rgb(30, 71, 113) | hsl(210, 58%, 28%) | |
| 225 | #1e3371 | rgb(30, 51, 113) | hsl(225, 58%, 28%) | |
| 240 | #1e1e71 | rgb(30, 30, 113) | hsl(240, 58%, 28%) | |
| 255 | #331e71 | rgb(51, 30, 113) | hsl(255, 58%, 28%) | |
| 270 | #471e71 | rgb(71, 30, 113) | hsl(270, 58%, 28%) | |
| 285 | #5c1e71 | rgb(92, 30, 113) | hsl(285, 58%, 28%) | |
| 300 | #711e71 | rgb(113, 30, 113) | hsl(300, 58%, 28%) | |
| 315 | #711e5c | rgb(113, 30, 92) | hsl(315, 58%, 28%) | |
| 330 | #711e47 | rgb(113, 30, 71) | hsl(330, 58%, 28%) | |
| 345 | #711e33 | rgb(113, 30, 51) | hsl(345, 58%, 28%) | |
| 360 | #711e1e | rgb(113, 30, 30) | hsl(0, 58%, 28%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #008f43 | rgb(0, 143, 67) | hsl(148, 100%, 28%) | |
| 95% | #048b43 | rgb(4, 139, 67) | hsl(148, 95%, 28%) | |
| 90% | #078843 | rgb(7, 136, 67) | hsl(148, 90%, 28%) | |
| 85% | #0b8443 | rgb(11, 132, 67) | hsl(148, 85%, 28%) | |
| 80% | #0e8144 | rgb(14, 129, 68) | hsl(148, 80%, 28%) | |
| 75% | #127d44 | rgb(18, 125, 68) | hsl(148, 75%, 28%) | |
| 70% | #157944 | rgb(21, 121, 68) | hsl(148, 70%, 28%) | |
| 65% | #197644 | rgb(25, 118, 68) | hsl(148, 65%, 28%) | |
| 60% | #1d7245 | rgb(29, 114, 69) | hsl(148, 60%, 28%) | |
| 58% | #1e7145 | rgb(30, 113, 69) | hsl(148, 58%, 28%) | |
| 55% | #206f45 | rgb(32, 111, 69) | hsl(148, 55%, 28%) | |
| 50% | #246b45 | rgb(36, 107, 69) | hsl(148, 50%, 28%) | |
| 45% | #276845 | rgb(39, 104, 69) | hsl(148, 45%, 28%) | |
| 40% | #2b6445 | rgb(43, 100, 69) | hsl(148, 40%, 28%) | |
| 35% | #2e6046 | rgb(46, 96, 70) | hsl(148, 35%, 28%) | |
| 30% | #325d46 | rgb(50, 93, 70) | hsl(148, 30%, 28%) | |
| 25% | #365946 | rgb(54, 89, 70) | hsl(148, 25%, 28%) | |
| 20% | #395646 | rgb(57, 86, 70) | hsl(148, 20%, 28%) | |
| 15% | #3d5247 | rgb(61, 82, 71) | hsl(148, 15%, 28%) | |
| 10% | #404f47 | rgb(64, 79, 71) | hsl(148, 10%, 28%) | |
| 5% | #444b47 | rgb(68, 75, 71) | hsl(148, 5%, 28%) | |
| 0% | #474747 | rgb(71, 71, 71) | hsl(148, 0%, 28%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(148, 58%, 100%) | |
| 95% | #ebfaf2 | rgb(235, 250, 242) | hsl(148, 58%, 95%) | |
| 90% | #d7f4e5 | rgb(215, 244, 229) | hsl(148, 58%, 90%) | |
| 85% | #c3efd7 | rgb(195, 239, 215) | hsl(148, 58%, 85%) | |
| 80% | #aeeaca | rgb(174, 234, 202) | hsl(148, 58%, 80%) | |
| 75% | #9ae4bd | rgb(154, 228, 189) | hsl(148, 58%, 75%) | |
| 70% | #86dfb0 | rgb(134, 223, 176) | hsl(148, 58%, 70%) | |
| 65% | #72daa2 | rgb(114, 218, 162) | hsl(148, 58%, 65%) | |
| 60% | #5ed495 | rgb(94, 212, 149) | hsl(148, 58%, 60%) | |
| 55% | #4acf88 | rgb(74, 207, 136) | hsl(148, 58%, 55%) | |
| 50% | #36c97b | rgb(54, 201, 123) | hsl(148, 58%, 50%) | |
| 45% | #30b56e | rgb(48, 181, 110) | hsl(148, 58%, 45%) | |
| 40% | #2ba162 | rgb(43, 161, 98) | hsl(148, 58%, 40%) | |
| 35% | #258d56 | rgb(37, 141, 86) | hsl(148, 58%, 35%) | |
| 30% | #20794a | rgb(32, 121, 74) | hsl(148, 58%, 30%) | |
| 28% | #1e7145 | rgb(30, 113, 69) | hsl(148, 58%, 28%) | |
| 25% | #1b653d | rgb(27, 101, 61) | hsl(148, 58%, 25%) | |
| 20% | #155131 | rgb(21, 81, 49) | hsl(148, 58%, 20%) | |
| 15% | #103c25 | rgb(16, 60, 37) | hsl(148, 58%, 15%) | |
| 10% | #0b2819 | rgb(11, 40, 25) | hsl(148, 58%, 10%) | |
| 5% | #05140c | rgb(5, 20, 12) | hsl(148, 58%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(148, 58%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 30 | 113 | 69 |
rgb(30, 113, 69)
#1e7145
#1e7145
