HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#f96714
rgb(249, 103, 20)
hsl(22, 95%, 53%)
Lighter / Darker:
100% | #ffffff | |
95% | #feefe6 | |
90% | #fedfcd | |
85% | #fdcfb4 | |
80% | #fcbf9c | |
75% | #fcaf83 | |
70% | #fb9f6a | |
65% | #fb8f51 | |
60% | #fa7f38 | |
55% | #f96f1f | |
53% | #f96714 | |
50% | #f95f06 | |
45% | #e05606 | |
40% | #c74c05 | |
35% | #ae4304 | |
30% | #953904 | |
25% | #7c3003 | |
20% | #632603 | |
15% | #4b1d02 | |
10% | #321301 | |
5% | #190a01 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f91515 | rgb(249, 21, 21) | hsl(0, 95%, 53%) | |
15 | #f94e15 | rgb(249, 78, 21) | hsl(15, 95%, 53%) | |
22 | #f96714 | rgb(249, 103, 20) | hsl(22, 95%, 53%) | |
30 | #f98715 | rgb(249, 135, 21) | hsl(30, 95%, 53%) | |
45 | #f9c015 | rgb(249, 192, 21) | hsl(45, 95%, 53%) | |
60 | #f9f915 | rgb(249, 249, 21) | hsl(60, 95%, 53%) | |
75 | #c0f915 | rgb(192, 249, 21) | hsl(75, 95%, 53%) | |
90 | #87f915 | rgb(135, 249, 21) | hsl(90, 95%, 53%) | |
105 | #4ef915 | rgb(78, 249, 21) | hsl(105, 95%, 53%) | |
120 | #15f915 | rgb(21, 249, 21) | hsl(120, 95%, 53%) | |
135 | #15f94e | rgb(21, 249, 78) | hsl(135, 95%, 53%) | |
150 | #15f987 | rgb(21, 249, 135) | hsl(150, 95%, 53%) | |
165 | #15f9c0 | rgb(21, 249, 192) | hsl(165, 95%, 53%) | |
180 | #15f9f9 | rgb(21, 249, 249) | hsl(180, 95%, 53%) | |
195 | #15c0f9 | rgb(21, 192, 249) | hsl(195, 95%, 53%) | |
210 | #1587f9 | rgb(21, 135, 249) | hsl(210, 95%, 53%) | |
225 | #154ef9 | rgb(21, 78, 249) | hsl(225, 95%, 53%) | |
240 | #1515f9 | rgb(21, 21, 249) | hsl(240, 95%, 53%) | |
255 | #4e15f9 | rgb(78, 21, 249) | hsl(255, 95%, 53%) | |
270 | #8715f9 | rgb(135, 21, 249) | hsl(270, 95%, 53%) | |
285 | #c015f9 | rgb(192, 21, 249) | hsl(285, 95%, 53%) | |
300 | #f915f9 | rgb(249, 21, 249) | hsl(300, 95%, 53%) | |
315 | #f915c0 | rgb(249, 21, 192) | hsl(315, 95%, 53%) | |
330 | #f91587 | rgb(249, 21, 135) | hsl(330, 95%, 53%) | |
345 | #f9154e | rgb(249, 21, 78) | hsl(345, 95%, 53%) | |
360 | #f91515 | rgb(249, 21, 21) | hsl(0, 95%, 53%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff670f | rgb(255, 103, 15) | hsl(22, 100%, 53%) | |
95% | #f96714 | rgb(249, 103, 20) | hsl(22, 95%, 53%) | |
90% | #f36a1b | rgb(243, 106, 27) | hsl(22, 90%, 53%) | |
85% | #ed6c21 | rgb(237, 108, 33) | hsl(22, 85%, 53%) | |
80% | #e76e27 | rgb(231, 110, 39) | hsl(22, 80%, 53%) | |
75% | #e16f2d | rgb(225, 111, 45) | hsl(22, 75%, 53%) | |
70% | #db7133 | rgb(219, 113, 51) | hsl(22, 70%, 53%) | |
65% | #d57239 | rgb(213, 114, 57) | hsl(22, 65%, 53%) | |
60% | #cf743f | rgb(207, 116, 63) | hsl(22, 60%, 53%) | |
55% | #c97645 | rgb(201, 118, 69) | hsl(22, 55%, 53%) | |
50% | #c3774b | rgb(195, 119, 75) | hsl(22, 50%, 53%) | |
45% | #bd7951 | rgb(189, 121, 81) | hsl(22, 45%, 53%) | |
40% | #b77a57 | rgb(183, 122, 87) | hsl(22, 40%, 53%) | |
35% | #b17c5d | rgb(177, 124, 93) | hsl(22, 35%, 53%) | |
30% | #ab7e63 | rgb(171, 126, 99) | hsl(22, 30%, 53%) | |
25% | #a57f69 | rgb(165, 127, 105) | hsl(22, 25%, 53%) | |
20% | #9f816f | rgb(159, 129, 111) | hsl(22, 20%, 53%) | |
15% | #998275 | rgb(153, 130, 117) | hsl(22, 15%, 53%) | |
10% | #93847b | rgb(147, 132, 123) | hsl(22, 10%, 53%) | |
5% | #8d8681 | rgb(141, 134, 129) | hsl(22, 5%, 53%) | |
0% | #878787 | rgb(135, 135, 135) | hsl(22, 0%, 53%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(22, 95%, 100%) | |
95% | #feefe6 | rgb(254, 239, 230) | hsl(22, 95%, 95%) | |
90% | #fedfcd | rgb(254, 223, 205) | hsl(22, 95%, 90%) | |
85% | #fdcfb4 | rgb(253, 207, 180) | hsl(22, 95%, 85%) | |
80% | #fcbf9c | rgb(252, 191, 156) | hsl(22, 95%, 80%) | |
75% | #fcaf83 | rgb(252, 175, 131) | hsl(22, 95%, 75%) | |
70% | #fb9f6a | rgb(251, 159, 106) | hsl(22, 95%, 70%) | |
65% | #fb8f51 | rgb(251, 143, 81) | hsl(22, 95%, 65%) | |
60% | #fa7f38 | rgb(250, 127, 56) | hsl(22, 95%, 60%) | |
55% | #f96f1f | rgb(249, 111, 31) | hsl(22, 95%, 55%) | |
53% | #f96714 | rgb(249, 103, 20) | hsl(22, 95%, 53%) | |
50% | #f95f06 | rgb(249, 95, 6) | hsl(22, 95%, 50%) | |
45% | #e05606 | rgb(224, 86, 6) | hsl(22, 95%, 45%) | |
40% | #c74c05 | rgb(199, 76, 5) | hsl(22, 95%, 40%) | |
35% | #ae4304 | rgb(174, 67, 4) | hsl(22, 95%, 35%) | |
30% | #953904 | rgb(149, 57, 4) | hsl(22, 95%, 30%) | |
25% | #7c3003 | rgb(124, 48, 3) | hsl(22, 95%, 25%) | |
20% | #632603 | rgb(99, 38, 3) | hsl(22, 95%, 20%) | |
15% | #4b1d02 | rgb(75, 29, 2) | hsl(22, 95%, 15%) | |
10% | #321301 | rgb(50, 19, 1) | hsl(22, 95%, 10%) | |
5% | #190a01 | rgb(25, 10, 1) | hsl(22, 95%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(22, 95%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
249 | 103 | 20 |
rgb(249, 103, 20)
#f96714
#f96714