HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6f8d6a
rgb(111, 141, 106)
hsl(111, 14%, 48%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f1f4f0 | |
| 90% | #e3e9e2 | |
| 85% | #d5ded3 | |
| 80% | #c7d3c5 | |
| 75% | #b9c8b6 | |
| 70% | #abbda8 | |
| 65% | #9db299 | |
| 60% | #8fa78b | |
| 55% | #819c7c | |
| 50% | #73916e | |
| 48% | #6f8d6a | |
| 45% | #688363 | |
| 40% | #5c7458 | |
| 35% | #51664d | |
| 30% | #455742 | |
| 25% | #3a4937 | |
| 20% | #2e3a2c | |
| 15% | #232c21 | |
| 10% | #171d16 | |
| 5% | #0c0f0b | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #8c6969 | rgb(140, 105, 105) | hsl(0, 14%, 48%) | |
| 15 | #8c7269 | rgb(140, 114, 105) | hsl(15, 14%, 48%) | |
| 30 | #8c7a69 | rgb(140, 122, 105) | hsl(30, 14%, 48%) | |
| 45 | #8c8369 | rgb(140, 131, 105) | hsl(45, 14%, 48%) | |
| 60 | #8c8c69 | rgb(140, 140, 105) | hsl(60, 14%, 48%) | |
| 75 | #838c69 | rgb(131, 140, 105) | hsl(75, 14%, 48%) | |
| 90 | #7a8c69 | rgb(122, 140, 105) | hsl(90, 14%, 48%) | |
| 105 | #728c69 | rgb(114, 140, 105) | hsl(105, 14%, 48%) | |
| 111 | #6f8d6a | rgb(111, 141, 106) | hsl(111, 14%, 48%) | |
| 120 | #698c69 | rgb(105, 140, 105) | hsl(120, 14%, 48%) | |
| 135 | #698c72 | rgb(105, 140, 114) | hsl(135, 14%, 48%) | |
| 150 | #698c7a | rgb(105, 140, 122) | hsl(150, 14%, 48%) | |
| 165 | #698c83 | rgb(105, 140, 131) | hsl(165, 14%, 48%) | |
| 180 | #698c8c | rgb(105, 140, 140) | hsl(180, 14%, 48%) | |
| 195 | #69838c | rgb(105, 131, 140) | hsl(195, 14%, 48%) | |
| 210 | #697a8c | rgb(105, 122, 140) | hsl(210, 14%, 48%) | |
| 225 | #69728c | rgb(105, 114, 140) | hsl(225, 14%, 48%) | |
| 240 | #69698c | rgb(105, 105, 140) | hsl(240, 14%, 48%) | |
| 255 | #72698c | rgb(114, 105, 140) | hsl(255, 14%, 48%) | |
| 270 | #7a698c | rgb(122, 105, 140) | hsl(270, 14%, 48%) | |
| 285 | #83698c | rgb(131, 105, 140) | hsl(285, 14%, 48%) | |
| 300 | #8c698c | rgb(140, 105, 140) | hsl(300, 14%, 48%) | |
| 315 | #8c6983 | rgb(140, 105, 131) | hsl(315, 14%, 48%) | |
| 330 | #8c697a | rgb(140, 105, 122) | hsl(330, 14%, 48%) | |
| 345 | #8c6972 | rgb(140, 105, 114) | hsl(345, 14%, 48%) | |
| 360 | #8c6969 | rgb(140, 105, 105) | hsl(0, 14%, 48%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #25f500 | rgb(37, 245, 0) | hsl(111, 100%, 48%) | |
| 95% | #29ef06 | rgb(41, 239, 6) | hsl(111, 95%, 48%) | |
| 90% | #2de90c | rgb(45, 233, 12) | hsl(111, 90%, 48%) | |
| 85% | #32e212 | rgb(50, 226, 18) | hsl(111, 85%, 48%) | |
| 80% | #36dc18 | rgb(54, 220, 24) | hsl(111, 80%, 48%) | |
| 75% | #3ad61f | rgb(58, 214, 31) | hsl(111, 75%, 48%) | |
| 70% | #3ed025 | rgb(62, 208, 37) | hsl(111, 70%, 48%) | |
| 65% | #43ca2b | rgb(67, 202, 43) | hsl(111, 65%, 48%) | |
| 60% | #47c431 | rgb(71, 196, 49) | hsl(111, 60%, 48%) | |
| 55% | #4bbe37 | rgb(75, 190, 55) | hsl(111, 55%, 48%) | |
| 50% | #50b83d | rgb(80, 184, 61) | hsl(111, 50%, 48%) | |
| 45% | #54b143 | rgb(84, 177, 67) | hsl(111, 45%, 48%) | |
| 40% | #58ab49 | rgb(88, 171, 73) | hsl(111, 40%, 48%) | |
| 35% | #5ca550 | rgb(92, 165, 80) | hsl(111, 35%, 48%) | |
| 30% | #619f56 | rgb(97, 159, 86) | hsl(111, 30%, 48%) | |
| 25% | #65995c | rgb(101, 153, 92) | hsl(111, 25%, 48%) | |
| 20% | #699362 | rgb(105, 147, 98) | hsl(111, 20%, 48%) | |
| 15% | #6e8d68 | rgb(110, 141, 104) | hsl(111, 15%, 48%) | |
| 14% | #6f8d6a | rgb(111, 141, 106) | hsl(111, 14%, 48%) | |
| 10% | #72876e | rgb(114, 135, 110) | hsl(111, 10%, 48%) | |
| 5% | #768174 | rgb(118, 129, 116) | hsl(111, 5%, 48%) | |
| 0% | #7a7a7a | rgb(122, 122, 122) | hsl(111, 0%, 48%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(111, 14%, 100%) | |
| 95% | #f1f4f0 | rgb(241, 244, 240) | hsl(111, 14%, 95%) | |
| 90% | #e3e9e2 | rgb(227, 233, 226) | hsl(111, 14%, 90%) | |
| 85% | #d5ded3 | rgb(213, 222, 211) | hsl(111, 14%, 85%) | |
| 80% | #c7d3c5 | rgb(199, 211, 197) | hsl(111, 14%, 80%) | |
| 75% | #b9c8b6 | rgb(185, 200, 182) | hsl(111, 14%, 75%) | |
| 70% | #abbda8 | rgb(171, 189, 168) | hsl(111, 14%, 70%) | |
| 65% | #9db299 | rgb(157, 178, 153) | hsl(111, 14%, 65%) | |
| 60% | #8fa78b | rgb(143, 167, 139) | hsl(111, 14%, 60%) | |
| 55% | #819c7c | rgb(129, 156, 124) | hsl(111, 14%, 55%) | |
| 50% | #73916e | rgb(115, 145, 110) | hsl(111, 14%, 50%) | |
| 48% | #6f8d6a | rgb(111, 141, 106) | hsl(111, 14%, 48%) | |
| 45% | #688363 | rgb(104, 131, 99) | hsl(111, 14%, 45%) | |
| 40% | #5c7458 | rgb(92, 116, 88) | hsl(111, 14%, 40%) | |
| 35% | #51664d | rgb(81, 102, 77) | hsl(111, 14%, 35%) | |
| 30% | #455742 | rgb(69, 87, 66) | hsl(111, 14%, 30%) | |
| 25% | #3a4937 | rgb(58, 73, 55) | hsl(111, 14%, 25%) | |
| 20% | #2e3a2c | rgb(46, 58, 44) | hsl(111, 14%, 20%) | |
| 15% | #232c21 | rgb(35, 44, 33) | hsl(111, 14%, 15%) | |
| 10% | #171d16 | rgb(23, 29, 22) | hsl(111, 14%, 10%) | |
| 5% | #0c0f0b | rgb(12, 15, 11) | hsl(111, 14%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(111, 14%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 111 | 141 | 106 |
rgb(111, 141, 106)
#6f8d6a
#6f8d6a
