HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#5a7247
rgb(90, 114, 71)
hsl(93, 23%, 36%)
Lighter / Darker:
100% | #ffffff | |
95% | #f2f5ef | |
90% | #e5ebe0 | |
85% | #d8e2d0 | |
80% | #cbd8c0 | |
75% | #beceb1 | |
70% | #b1c4a1 | |
65% | #a4ba91 | |
60% | #97b082 | |
55% | #8aa772 | |
50% | #7d9d62 | |
45% | #708d58 | |
40% | #647d4f | |
36% | #5a7247 | |
35% | #576e45 | |
30% | #4b5e3b | |
25% | #3e4e31 | |
20% | #323f27 | |
15% | #252f1d | |
10% | #191f14 | |
5% | #0c100a | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #714747 | rgb(113, 71, 71) | hsl(0, 23%, 36%) | |
15 | #715147 | rgb(113, 81, 71) | hsl(15, 23%, 36%) | |
30 | #715c47 | rgb(113, 92, 71) | hsl(30, 23%, 36%) | |
45 | #716647 | rgb(113, 102, 71) | hsl(45, 23%, 36%) | |
60 | #717147 | rgb(113, 113, 71) | hsl(60, 23%, 36%) | |
75 | #667147 | rgb(102, 113, 71) | hsl(75, 23%, 36%) | |
90 | #5c7147 | rgb(92, 113, 71) | hsl(90, 23%, 36%) | |
93 | #5a7247 | rgb(90, 114, 71) | hsl(93, 23%, 36%) | |
105 | #517147 | rgb(81, 113, 71) | hsl(105, 23%, 36%) | |
120 | #477147 | rgb(71, 113, 71) | hsl(120, 23%, 36%) | |
135 | #477151 | rgb(71, 113, 81) | hsl(135, 23%, 36%) | |
150 | #47715c | rgb(71, 113, 92) | hsl(150, 23%, 36%) | |
165 | #477166 | rgb(71, 113, 102) | hsl(165, 23%, 36%) | |
180 | #477171 | rgb(71, 113, 113) | hsl(180, 23%, 36%) | |
195 | #476671 | rgb(71, 102, 113) | hsl(195, 23%, 36%) | |
210 | #475c71 | rgb(71, 92, 113) | hsl(210, 23%, 36%) | |
225 | #475171 | rgb(71, 81, 113) | hsl(225, 23%, 36%) | |
240 | #474771 | rgb(71, 71, 113) | hsl(240, 23%, 36%) | |
255 | #514771 | rgb(81, 71, 113) | hsl(255, 23%, 36%) | |
270 | #5c4771 | rgb(92, 71, 113) | hsl(270, 23%, 36%) | |
285 | #664771 | rgb(102, 71, 113) | hsl(285, 23%, 36%) | |
300 | #714771 | rgb(113, 71, 113) | hsl(300, 23%, 36%) | |
315 | #714766 | rgb(113, 71, 102) | hsl(315, 23%, 36%) | |
330 | #71475c | rgb(113, 71, 92) | hsl(330, 23%, 36%) | |
345 | #714751 | rgb(113, 71, 81) | hsl(345, 23%, 36%) | |
360 | #714747 | rgb(113, 71, 71) | hsl(0, 23%, 36%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #53b800 | rgb(83, 184, 0) | hsl(93, 100%, 36%) | |
95% | #53b305 | rgb(83, 179, 5) | hsl(93, 95%, 36%) | |
90% | #54ae09 | rgb(84, 174, 9) | hsl(93, 90%, 36%) | |
85% | #54aa0e | rgb(84, 170, 14) | hsl(93, 85%, 36%) | |
80% | #54a512 | rgb(84, 165, 18) | hsl(93, 80%, 36%) | |
75% | #55a117 | rgb(85, 161, 23) | hsl(93, 75%, 36%) | |
70% | #559c1c | rgb(85, 156, 28) | hsl(93, 70%, 36%) | |
65% | #569720 | rgb(86, 151, 32) | hsl(93, 65%, 36%) | |
60% | #569325 | rgb(86, 147, 37) | hsl(93, 60%, 36%) | |
55% | #578e29 | rgb(87, 142, 41) | hsl(93, 55%, 36%) | |
50% | #578a2e | rgb(87, 138, 46) | hsl(93, 50%, 36%) | |
45% | #588532 | rgb(88, 133, 50) | hsl(93, 45%, 36%) | |
40% | #588137 | rgb(88, 129, 55) | hsl(93, 40%, 36%) | |
35% | #597c3c | rgb(89, 124, 60) | hsl(93, 35%, 36%) | |
30% | #597740 | rgb(89, 119, 64) | hsl(93, 30%, 36%) | |
25% | #5a7345 | rgb(90, 115, 69) | hsl(93, 25%, 36%) | |
23% | #5a7247 | rgb(90, 114, 71) | hsl(93, 23%, 36%) | |
20% | #5a6e49 | rgb(90, 110, 73) | hsl(93, 20%, 36%) | |
15% | #5a6a4e | rgb(90, 106, 78) | hsl(93, 15%, 36%) | |
10% | #5b6553 | rgb(91, 101, 83) | hsl(93, 10%, 36%) | |
5% | #5b6057 | rgb(91, 96, 87) | hsl(93, 5%, 36%) | |
0% | #5c5c5c | rgb(92, 92, 92) | hsl(93, 0%, 36%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(93, 23%, 100%) | |
95% | #f2f5ef | rgb(242, 245, 239) | hsl(93, 23%, 95%) | |
90% | #e5ebe0 | rgb(229, 235, 224) | hsl(93, 23%, 90%) | |
85% | #d8e2d0 | rgb(216, 226, 208) | hsl(93, 23%, 85%) | |
80% | #cbd8c0 | rgb(203, 216, 192) | hsl(93, 23%, 80%) | |
75% | #beceb1 | rgb(190, 206, 177) | hsl(93, 23%, 75%) | |
70% | #b1c4a1 | rgb(177, 196, 161) | hsl(93, 23%, 70%) | |
65% | #a4ba91 | rgb(164, 186, 145) | hsl(93, 23%, 65%) | |
60% | #97b082 | rgb(151, 176, 130) | hsl(93, 23%, 60%) | |
55% | #8aa772 | rgb(138, 167, 114) | hsl(93, 23%, 55%) | |
50% | #7d9d62 | rgb(125, 157, 98) | hsl(93, 23%, 50%) | |
45% | #708d58 | rgb(112, 141, 88) | hsl(93, 23%, 45%) | |
40% | #647d4f | rgb(100, 125, 79) | hsl(93, 23%, 40%) | |
36% | #5a7247 | rgb(90, 114, 71) | hsl(93, 23%, 36%) | |
35% | #576e45 | rgb(87, 110, 69) | hsl(93, 23%, 35%) | |
30% | #4b5e3b | rgb(75, 94, 59) | hsl(93, 23%, 30%) | |
25% | #3e4e31 | rgb(62, 78, 49) | hsl(93, 23%, 25%) | |
20% | #323f27 | rgb(50, 63, 39) | hsl(93, 23%, 20%) | |
15% | #252f1d | rgb(37, 47, 29) | hsl(93, 23%, 15%) | |
10% | #191f14 | rgb(25, 31, 20) | hsl(93, 23%, 10%) | |
5% | #0c100a | rgb(12, 16, 10) | hsl(93, 23%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(93, 23%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
90 | 114 | 71 |
rgb(90, 114, 71)
#5a7247
#5a7247