HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#af8d1f
rgb(175, 141, 31)
hsl(46, 70%, 40%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #fbf7e9 | |
| 90% | #f7efd4 | |
| 85% | #f4e7be | |
| 80% | #f0dfa8 | |
| 75% | #ecd793 | |
| 70% | #e8cf7d | |
| 65% | #e4c767 | |
| 60% | #e0bf52 | |
| 55% | #ddb73c | |
| 50% | #d9af26 | |
| 45% | #c39e22 | |
| 40% | #af8d1f | |
| 35% | #987b1b | |
| 30% | #826917 | |
| 25% | #6c5813 | |
| 20% | #57460f | |
| 15% | #41350b | |
| 10% | #2b2308 | |
| 5% | #161204 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #ad1f1f | rgb(173, 31, 31) | hsl(0, 70%, 40%) | |
| 15 | #ad421f | rgb(173, 66, 31) | hsl(15, 70%, 40%) | |
| 30 | #ad661f | rgb(173, 102, 31) | hsl(30, 70%, 40%) | |
| 45 | #ad8a1f | rgb(173, 138, 31) | hsl(45, 70%, 40%) | |
| 46 | #af8d1f | rgb(175, 141, 31) | hsl(46, 70%, 40%) | |
| 60 | #adad1f | rgb(173, 173, 31) | hsl(60, 70%, 40%) | |
| 75 | #8aad1f | rgb(138, 173, 31) | hsl(75, 70%, 40%) | |
| 90 | #66ad1f | rgb(102, 173, 31) | hsl(90, 70%, 40%) | |
| 105 | #42ad1f | rgb(66, 173, 31) | hsl(105, 70%, 40%) | |
| 120 | #1fad1f | rgb(31, 173, 31) | hsl(120, 70%, 40%) | |
| 135 | #1fad42 | rgb(31, 173, 66) | hsl(135, 70%, 40%) | |
| 150 | #1fad66 | rgb(31, 173, 102) | hsl(150, 70%, 40%) | |
| 165 | #1fad8a | rgb(31, 173, 138) | hsl(165, 70%, 40%) | |
| 180 | #1fadad | rgb(31, 173, 173) | hsl(180, 70%, 40%) | |
| 195 | #1f8aad | rgb(31, 138, 173) | hsl(195, 70%, 40%) | |
| 210 | #1f66ad | rgb(31, 102, 173) | hsl(210, 70%, 40%) | |
| 225 | #1f42ad | rgb(31, 66, 173) | hsl(225, 70%, 40%) | |
| 240 | #1f1fad | rgb(31, 31, 173) | hsl(240, 70%, 40%) | |
| 255 | #421fad | rgb(66, 31, 173) | hsl(255, 70%, 40%) | |
| 270 | #661fad | rgb(102, 31, 173) | hsl(270, 70%, 40%) | |
| 285 | #8a1fad | rgb(138, 31, 173) | hsl(285, 70%, 40%) | |
| 300 | #ad1fad | rgb(173, 31, 173) | hsl(300, 70%, 40%) | |
| 315 | #ad1f8a | rgb(173, 31, 138) | hsl(315, 70%, 40%) | |
| 330 | #ad1f66 | rgb(173, 31, 102) | hsl(330, 70%, 40%) | |
| 345 | #ad1f42 | rgb(173, 31, 66) | hsl(345, 70%, 40%) | |
| 360 | #ad1f1f | rgb(173, 31, 31) | hsl(0, 70%, 40%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #cc9c00 | rgb(204, 156, 0) | hsl(46, 100%, 40%) | |
| 95% | #c79a05 | rgb(199, 154, 5) | hsl(46, 95%, 40%) | |
| 90% | #c2970a | rgb(194, 151, 10) | hsl(46, 90%, 40%) | |
| 85% | #bd940f | rgb(189, 148, 15) | hsl(46, 85%, 40%) | |
| 80% | #b89214 | rgb(184, 146, 20) | hsl(46, 80%, 40%) | |
| 75% | #b38f19 | rgb(179, 143, 25) | hsl(46, 75%, 40%) | |
| 70% | #af8d1f | rgb(175, 141, 31) | hsl(46, 70%, 40%) | |
| 65% | #a88924 | rgb(168, 137, 36) | hsl(46, 65%, 40%) | |
| 60% | #a38729 | rgb(163, 135, 41) | hsl(46, 60%, 40%) | |
| 55% | #9e842e | rgb(158, 132, 46) | hsl(46, 55%, 40%) | |
| 50% | #998133 | rgb(153, 129, 51) | hsl(46, 50%, 40%) | |
| 45% | #947e38 | rgb(148, 126, 56) | hsl(46, 45%, 40%) | |
| 40% | #8f7c3d | rgb(143, 124, 61) | hsl(46, 40%, 40%) | |
| 35% | #8a7942 | rgb(138, 121, 66) | hsl(46, 35%, 40%) | |
| 30% | #857647 | rgb(133, 118, 71) | hsl(46, 30%, 40%) | |
| 25% | #80744d | rgb(128, 116, 77) | hsl(46, 25%, 40%) | |
| 20% | #7a7152 | rgb(122, 113, 82) | hsl(46, 20%, 40%) | |
| 15% | #756e57 | rgb(117, 110, 87) | hsl(46, 15%, 40%) | |
| 10% | #706b5c | rgb(112, 107, 92) | hsl(46, 10%, 40%) | |
| 5% | #6b6961 | rgb(107, 105, 97) | hsl(46, 5%, 40%) | |
| 0% | #666666 | rgb(102, 102, 102) | hsl(46, 0%, 40%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(46, 70%, 100%) | |
| 95% | #fbf7e9 | rgb(251, 247, 233) | hsl(46, 70%, 95%) | |
| 90% | #f7efd4 | rgb(247, 239, 212) | hsl(46, 70%, 90%) | |
| 85% | #f4e7be | rgb(244, 231, 190) | hsl(46, 70%, 85%) | |
| 80% | #f0dfa8 | rgb(240, 223, 168) | hsl(46, 70%, 80%) | |
| 75% | #ecd793 | rgb(236, 215, 147) | hsl(46, 70%, 75%) | |
| 70% | #e8cf7d | rgb(232, 207, 125) | hsl(46, 70%, 70%) | |
| 65% | #e4c767 | rgb(228, 199, 103) | hsl(46, 70%, 65%) | |
| 60% | #e0bf52 | rgb(224, 191, 82) | hsl(46, 70%, 60%) | |
| 55% | #ddb73c | rgb(221, 183, 60) | hsl(46, 70%, 55%) | |
| 50% | #d9af26 | rgb(217, 175, 38) | hsl(46, 70%, 50%) | |
| 45% | #c39e22 | rgb(195, 158, 34) | hsl(46, 70%, 45%) | |
| 40% | #af8d1f | rgb(175, 141, 31) | hsl(46, 70%, 40%) | |
| 35% | #987b1b | rgb(152, 123, 27) | hsl(46, 70%, 35%) | |
| 30% | #826917 | rgb(130, 105, 23) | hsl(46, 70%, 30%) | |
| 25% | #6c5813 | rgb(108, 88, 19) | hsl(46, 70%, 25%) | |
| 20% | #57460f | rgb(87, 70, 15) | hsl(46, 70%, 20%) | |
| 15% | #41350b | rgb(65, 53, 11) | hsl(46, 70%, 15%) | |
| 10% | #2b2308 | rgb(43, 35, 8) | hsl(46, 70%, 10%) | |
| 5% | #161204 | rgb(22, 18, 4) | hsl(46, 70%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(46, 70%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 175 | 141 | 31 |
rgb(175, 141, 31)
#af8d1f
#af8d1f
