HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
SandyBrown
#f4a460
rgb(244, 164, 96)
hsl(28, 87%, 67%)
Lighter / Darker:
100% | #ffffff | |
95% | #fdf2e7 | |
90% | #fce4cf | |
85% | #fad7b7 | |
80% | #f8c9a0 | |
75% | #f7bc88 | |
70% | #f5ae70 | |
67% | #f4a460 | |
65% | #f3a158 | |
60% | #f29340 | |
55% | #f08628 | |
50% | #ee7811 | |
45% | #d76c0f | |
40% | #bf600d | |
35% | #a7540c | |
30% | #8f480a | |
25% | #773c08 | |
20% | #5f3007 | |
15% | #482405 | |
10% | #301803 | |
5% | #180c02 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f46262 | rgb(244, 98, 98) | hsl(0, 87%, 67%) | |
15 | #f48662 | rgb(244, 134, 98) | hsl(15, 87%, 67%) | |
28 | #f4a460 | rgb(244, 164, 96) | hsl(28, 87%, 67%) | |
30 | #f4ab62 | rgb(244, 171, 98) | hsl(30, 87%, 67%) | |
45 | #f4cf62 | rgb(244, 207, 98) | hsl(45, 87%, 67%) | |
60 | #f4f462 | rgb(244, 244, 98) | hsl(60, 87%, 67%) | |
75 | #cff462 | rgb(207, 244, 98) | hsl(75, 87%, 67%) | |
90 | #abf462 | rgb(171, 244, 98) | hsl(90, 87%, 67%) | |
105 | #86f462 | rgb(134, 244, 98) | hsl(105, 87%, 67%) | |
120 | #62f462 | rgb(98, 244, 98) | hsl(120, 87%, 67%) | |
135 | #62f486 | rgb(98, 244, 134) | hsl(135, 87%, 67%) | |
150 | #62f4ab | rgb(98, 244, 171) | hsl(150, 87%, 67%) | |
165 | #62f4cf | rgb(98, 244, 207) | hsl(165, 87%, 67%) | |
180 | #62f4f4 | rgb(98, 244, 244) | hsl(180, 87%, 67%) | |
195 | #62cff4 | rgb(98, 207, 244) | hsl(195, 87%, 67%) | |
210 | #62abf4 | rgb(98, 171, 244) | hsl(210, 87%, 67%) | |
225 | #6286f4 | rgb(98, 134, 244) | hsl(225, 87%, 67%) | |
240 | #6262f4 | rgb(98, 98, 244) | hsl(240, 87%, 67%) | |
255 | #8662f4 | rgb(134, 98, 244) | hsl(255, 87%, 67%) | |
270 | #ab62f4 | rgb(171, 98, 244) | hsl(270, 87%, 67%) | |
285 | #cf62f4 | rgb(207, 98, 244) | hsl(285, 87%, 67%) | |
300 | #f462f4 | rgb(244, 98, 244) | hsl(300, 87%, 67%) | |
315 | #f462cf | rgb(244, 98, 207) | hsl(315, 87%, 67%) | |
330 | #f462ab | rgb(244, 98, 171) | hsl(330, 87%, 67%) | |
345 | #f46286 | rgb(244, 98, 134) | hsl(345, 87%, 67%) | |
360 | #f46262 | rgb(244, 98, 98) | hsl(0, 87%, 67%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffa557 | rgb(255, 165, 87) | hsl(28, 100%, 67%) | |
95% | #fba65b | rgb(251, 166, 91) | hsl(28, 95%, 67%) | |
90% | #f7a65f | rgb(247, 166, 95) | hsl(28, 90%, 67%) | |
87% | #f4a460 | rgb(244, 164, 96) | hsl(28, 87%, 67%) | |
85% | #f2a663 | rgb(242, 166, 99) | hsl(28, 85%, 67%) | |
80% | #eea668 | rgb(238, 166, 104) | hsl(28, 80%, 67%) | |
75% | #eaa76c | rgb(234, 167, 108) | hsl(28, 75%, 67%) | |
70% | #e6a770 | rgb(230, 167, 112) | hsl(28, 70%, 67%) | |
65% | #e2a774 | rgb(226, 167, 116) | hsl(28, 65%, 67%) | |
60% | #dda778 | rgb(221, 167, 120) | hsl(28, 60%, 67%) | |
55% | #d9a87d | rgb(217, 168, 125) | hsl(28, 55%, 67%) | |
50% | #d5a881 | rgb(213, 168, 129) | hsl(28, 50%, 67%) | |
45% | #d1a885 | rgb(209, 168, 133) | hsl(28, 45%, 67%) | |
40% | #cda989 | rgb(205, 169, 137) | hsl(28, 40%, 67%) | |
35% | #c8a98d | rgb(200, 169, 141) | hsl(28, 35%, 67%) | |
30% | #c4a992 | rgb(196, 169, 146) | hsl(28, 30%, 67%) | |
25% | #c0a996 | rgb(192, 169, 150) | hsl(28, 25%, 67%) | |
20% | #bcaa9a | rgb(188, 170, 154) | hsl(28, 20%, 67%) | |
15% | #b7aa9e | rgb(183, 170, 158) | hsl(28, 15%, 67%) | |
10% | #b3aaa2 | rgb(179, 170, 162) | hsl(28, 10%, 67%) | |
5% | #afaba7 | rgb(175, 171, 167) | hsl(28, 5%, 67%) | |
0% | #ababab | rgb(171, 171, 171) | hsl(28, 0%, 67%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(28, 87%, 100%) | |
95% | #fdf2e7 | rgb(253, 242, 231) | hsl(28, 87%, 95%) | |
90% | #fce4cf | rgb(252, 228, 207) | hsl(28, 87%, 90%) | |
85% | #fad7b7 | rgb(250, 215, 183) | hsl(28, 87%, 85%) | |
80% | #f8c9a0 | rgb(248, 201, 160) | hsl(28, 87%, 80%) | |
75% | #f7bc88 | rgb(247, 188, 136) | hsl(28, 87%, 75%) | |
70% | #f5ae70 | rgb(245, 174, 112) | hsl(28, 87%, 70%) | |
67% | #f4a460 | rgb(244, 164, 96) | hsl(28, 87%, 67%) | |
65% | #f3a158 | rgb(243, 161, 88) | hsl(28, 87%, 65%) | |
60% | #f29340 | rgb(242, 147, 64) | hsl(28, 87%, 60%) | |
55% | #f08628 | rgb(240, 134, 40) | hsl(28, 87%, 55%) | |
50% | #ee7811 | rgb(238, 120, 17) | hsl(28, 87%, 50%) | |
45% | #d76c0f | rgb(215, 108, 15) | hsl(28, 87%, 45%) | |
40% | #bf600d | rgb(191, 96, 13) | hsl(28, 87%, 40%) | |
35% | #a7540c | rgb(167, 84, 12) | hsl(28, 87%, 35%) | |
30% | #8f480a | rgb(143, 72, 10) | hsl(28, 87%, 30%) | |
25% | #773c08 | rgb(119, 60, 8) | hsl(28, 87%, 25%) | |
20% | #5f3007 | rgb(95, 48, 7) | hsl(28, 87%, 20%) | |
15% | #482405 | rgb(72, 36, 5) | hsl(28, 87%, 15%) | |
10% | #301803 | rgb(48, 24, 3) | hsl(28, 87%, 10%) | |
5% | #180c02 | rgb(24, 12, 2) | hsl(28, 87%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(28, 87%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
244 | 164 | 96 |
rgb(244, 164, 96)
#f4a460
#f4a460