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
LightSalmon
#ffa07a
rgb(255, 160, 122)
hsl(17, 100%, 74%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffede6 | |
90% | #ffdacc | |
85% | #ffc8b3 | |
80% | #ffb699 | |
75% | #ffa480 | |
74% | #ffa07a | |
70% | #ff9166 | |
65% | #ff7f4d | |
60% | #ff6d33 | |
55% | #ff5b1a | |
50% | #ff4800 | |
45% | #e64100 | |
40% | #cc3a00 | |
35% | #b33300 | |
30% | #992b00 | |
25% | #802400 | |
20% | #661d00 | |
15% | #4d1600 | |
10% | #330e00 | |
5% | #1a0700 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff7a7a | rgb(255, 122, 122) | hsl(0, 100%, 74%) | |
15 | #ff9c7a | rgb(255, 156, 122) | hsl(15, 100%, 74%) | |
17 | #ffa07a | rgb(255, 160, 122) | hsl(17, 100%, 74%) | |
30 | #ffbd7a | rgb(255, 189, 122) | hsl(30, 100%, 74%) | |
45 | #ffde7a | rgb(255, 222, 122) | hsl(45, 100%, 74%) | |
60 | #ffff7a | rgb(255, 255, 122) | hsl(60, 100%, 74%) | |
75 | #deff7a | rgb(222, 255, 122) | hsl(75, 100%, 74%) | |
90 | #bdff7a | rgb(189, 255, 122) | hsl(90, 100%, 74%) | |
105 | #9cff7a | rgb(156, 255, 122) | hsl(105, 100%, 74%) | |
120 | #7aff7a | rgb(122, 255, 122) | hsl(120, 100%, 74%) | |
135 | #7aff9c | rgb(122, 255, 156) | hsl(135, 100%, 74%) | |
150 | #7affbd | rgb(122, 255, 189) | hsl(150, 100%, 74%) | |
165 | #7affde | rgb(122, 255, 222) | hsl(165, 100%, 74%) | |
180 | #7affff | rgb(122, 255, 255) | hsl(180, 100%, 74%) | |
195 | #7adeff | rgb(122, 222, 255) | hsl(195, 100%, 74%) | |
210 | #7abdff | rgb(122, 189, 255) | hsl(210, 100%, 74%) | |
225 | #7a9cff | rgb(122, 156, 255) | hsl(225, 100%, 74%) | |
240 | #7a7aff | rgb(122, 122, 255) | hsl(240, 100%, 74%) | |
255 | #9c7aff | rgb(156, 122, 255) | hsl(255, 100%, 74%) | |
270 | #bd7aff | rgb(189, 122, 255) | hsl(270, 100%, 74%) | |
285 | #de7aff | rgb(222, 122, 255) | hsl(285, 100%, 74%) | |
300 | #ff7aff | rgb(255, 122, 255) | hsl(300, 100%, 74%) | |
315 | #ff7ade | rgb(255, 122, 222) | hsl(315, 100%, 74%) | |
330 | #ff7abd | rgb(255, 122, 189) | hsl(330, 100%, 74%) | |
345 | #ff7a9c | rgb(255, 122, 156) | hsl(345, 100%, 74%) | |
360 | #ff7a7a | rgb(255, 122, 122) | hsl(0, 100%, 74%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffa07a | rgb(255, 160, 122) | hsl(17, 100%, 74%) | |
95% | #fca17e | rgb(252, 161, 126) | hsl(17, 95%, 74%) | |
90% | #f8a381 | rgb(248, 163, 129) | hsl(17, 90%, 74%) | |
85% | #f5a484 | rgb(245, 164, 132) | hsl(17, 85%, 74%) | |
80% | #f2a688 | rgb(242, 166, 136) | hsl(17, 80%, 74%) | |
75% | #eea78b | rgb(238, 167, 139) | hsl(17, 75%, 74%) | |
70% | #eba98e | rgb(235, 169, 142) | hsl(17, 70%, 74%) | |
65% | #e8aa92 | rgb(232, 170, 146) | hsl(17, 65%, 74%) | |
60% | #e4ab95 | rgb(228, 171, 149) | hsl(17, 60%, 74%) | |
55% | #e1ad98 | rgb(225, 173, 152) | hsl(17, 55%, 74%) | |
50% | #deae9c | rgb(222, 174, 156) | hsl(17, 50%, 74%) | |
45% | #dbb09f | rgb(219, 176, 159) | hsl(17, 45%, 74%) | |
40% | #d7b1a2 | rgb(215, 177, 162) | hsl(17, 40%, 74%) | |
35% | #d4b3a5 | rgb(212, 179, 165) | hsl(17, 35%, 74%) | |
30% | #d1b4a9 | rgb(209, 180, 169) | hsl(17, 30%, 74%) | |
25% | #cdb6ac | rgb(205, 182, 172) | hsl(17, 25%, 74%) | |
20% | #cab7af | rgb(202, 183, 175) | hsl(17, 20%, 74%) | |
15% | #c7b8b3 | rgb(199, 184, 179) | hsl(17, 15%, 74%) | |
10% | #c3bab6 | rgb(195, 186, 182) | hsl(17, 10%, 74%) | |
5% | #c0bbb9 | rgb(192, 187, 185) | hsl(17, 5%, 74%) | |
0% | #bdbdbd | rgb(189, 189, 189) | hsl(17, 0%, 74%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(17, 100%, 100%) | |
95% | #ffede6 | rgb(255, 237, 230) | hsl(17, 100%, 95%) | |
90% | #ffdacc | rgb(255, 218, 204) | hsl(17, 100%, 90%) | |
85% | #ffc8b3 | rgb(255, 200, 179) | hsl(17, 100%, 85%) | |
80% | #ffb699 | rgb(255, 182, 153) | hsl(17, 100%, 80%) | |
75% | #ffa480 | rgb(255, 164, 128) | hsl(17, 100%, 75%) | |
74% | #ffa07a | rgb(255, 160, 122) | hsl(17, 100%, 74%) | |
70% | #ff9166 | rgb(255, 145, 102) | hsl(17, 100%, 70%) | |
65% | #ff7f4d | rgb(255, 127, 77) | hsl(17, 100%, 65%) | |
60% | #ff6d33 | rgb(255, 109, 51) | hsl(17, 100%, 60%) | |
55% | #ff5b1a | rgb(255, 91, 26) | hsl(17, 100%, 55%) | |
50% | #ff4800 | rgb(255, 72, 0) | hsl(17, 100%, 50%) | |
45% | #e64100 | rgb(230, 65, 0) | hsl(17, 100%, 45%) | |
40% | #cc3a00 | rgb(204, 58, 0) | hsl(17, 100%, 40%) | |
35% | #b33300 | rgb(179, 51, 0) | hsl(17, 100%, 35%) | |
30% | #992b00 | rgb(153, 43, 0) | hsl(17, 100%, 30%) | |
25% | #802400 | rgb(128, 36, 0) | hsl(17, 100%, 25%) | |
20% | #661d00 | rgb(102, 29, 0) | hsl(17, 100%, 20%) | |
15% | #4d1600 | rgb(77, 22, 0) | hsl(17, 100%, 15%) | |
10% | #330e00 | rgb(51, 14, 0) | hsl(17, 100%, 10%) | |
5% | #1a0700 | rgb(26, 7, 0) | hsl(17, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(17, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 160 | 122 |
rgb(255, 160, 122)
#ffa07a
#ffa07a