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
Salmon
#fa8072
rgb(250, 128, 114)
hsl(6, 93%, 71%)
Lighter / Darker:
100% | #ffffff | |
95% | #fee9e6 | |
90% | #fdd3ce | |
85% | #fcbcb5 | |
80% | #fba69d | |
75% | #fb9084 | |
71% | #fa8072 | |
70% | #fa7a6b | |
65% | #f96353 | |
60% | #f84d3a | |
55% | #f73722 | |
50% | #f62109 | |
45% | #dd1d08 | |
40% | #c51a07 | |
35% | #ac1706 | |
30% | #941405 | |
25% | #7b1004 | |
20% | #620d04 | |
15% | #4a0a03 | |
10% | #310702 | |
5% | #190301 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #fa7070 | rgb(250, 112, 112) | hsl(0, 93%, 71%) | |
6 | #fa8072 | rgb(250, 128, 114) | hsl(6, 93%, 71%) | |
15 | #fa9370 | rgb(250, 147, 112) | hsl(15, 93%, 71%) | |
30 | #fab570 | rgb(250, 181, 112) | hsl(30, 93%, 71%) | |
45 | #fad770 | rgb(250, 215, 112) | hsl(45, 93%, 71%) | |
60 | #fafa70 | rgb(250, 250, 112) | hsl(60, 93%, 71%) | |
75 | #d7fa70 | rgb(215, 250, 112) | hsl(75, 93%, 71%) | |
90 | #b5fa70 | rgb(181, 250, 112) | hsl(90, 93%, 71%) | |
105 | #93fa70 | rgb(147, 250, 112) | hsl(105, 93%, 71%) | |
120 | #70fa70 | rgb(112, 250, 112) | hsl(120, 93%, 71%) | |
135 | #70fa93 | rgb(112, 250, 147) | hsl(135, 93%, 71%) | |
150 | #70fab5 | rgb(112, 250, 181) | hsl(150, 93%, 71%) | |
165 | #70fad7 | rgb(112, 250, 215) | hsl(165, 93%, 71%) | |
180 | #70fafa | rgb(112, 250, 250) | hsl(180, 93%, 71%) | |
195 | #70d7fa | rgb(112, 215, 250) | hsl(195, 93%, 71%) | |
210 | #70b5fa | rgb(112, 181, 250) | hsl(210, 93%, 71%) | |
225 | #7093fa | rgb(112, 147, 250) | hsl(225, 93%, 71%) | |
240 | #7070fa | rgb(112, 112, 250) | hsl(240, 93%, 71%) | |
255 | #9370fa | rgb(147, 112, 250) | hsl(255, 93%, 71%) | |
270 | #b570fa | rgb(181, 112, 250) | hsl(270, 93%, 71%) | |
285 | #d770fa | rgb(215, 112, 250) | hsl(285, 93%, 71%) | |
300 | #fa70fa | rgb(250, 112, 250) | hsl(300, 93%, 71%) | |
315 | #fa70d7 | rgb(250, 112, 215) | hsl(315, 93%, 71%) | |
330 | #fa70b5 | rgb(250, 112, 181) | hsl(330, 93%, 71%) | |
345 | #fa7093 | rgb(250, 112, 147) | hsl(345, 93%, 71%) | |
360 | #fa7070 | rgb(250, 112, 112) | hsl(0, 93%, 71%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff7a6b | rgb(255, 122, 107) | hsl(6, 100%, 71%) | |
95% | #fb7d6f | rgb(251, 125, 111) | hsl(6, 95%, 71%) | |
93% | #fa8072 | rgb(250, 128, 114) | hsl(6, 93%, 71%) | |
90% | #f88072 | rgb(248, 128, 114) | hsl(6, 90%, 71%) | |
85% | #f48376 | rgb(244, 131, 118) | hsl(6, 85%, 71%) | |
80% | #f0867a | rgb(240, 134, 122) | hsl(6, 80%, 71%) | |
75% | #ed897e | rgb(237, 137, 126) | hsl(6, 75%, 71%) | |
70% | #e98c81 | rgb(233, 140, 129) | hsl(6, 70%, 71%) | |
65% | #e58f85 | rgb(229, 143, 133) | hsl(6, 65%, 71%) | |
60% | #e19289 | rgb(225, 146, 137) | hsl(6, 60%, 71%) | |
55% | #de958c | rgb(222, 149, 140) | hsl(6, 55%, 71%) | |
50% | #da9790 | rgb(218, 151, 144) | hsl(6, 50%, 71%) | |
45% | #d69a94 | rgb(214, 154, 148) | hsl(6, 45%, 71%) | |
40% | #d39d97 | rgb(211, 157, 151) | hsl(6, 40%, 71%) | |
35% | #cfa09b | rgb(207, 160, 155) | hsl(6, 35%, 71%) | |
30% | #cba39f | rgb(203, 163, 159) | hsl(6, 30%, 71%) | |
25% | #c8a6a3 | rgb(200, 166, 163) | hsl(6, 25%, 71%) | |
20% | #c4a9a6 | rgb(196, 169, 166) | hsl(6, 20%, 71%) | |
15% | #c0acaa | rgb(192, 172, 170) | hsl(6, 15%, 71%) | |
10% | #bcafae | rgb(188, 175, 174) | hsl(6, 10%, 71%) | |
5% | #b9b2b1 | rgb(185, 178, 177) | hsl(6, 5%, 71%) | |
0% | #b5b5b5 | rgb(181, 181, 181) | hsl(6, 0%, 71%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(6, 93%, 100%) | |
95% | #fee9e6 | rgb(254, 233, 230) | hsl(6, 93%, 95%) | |
90% | #fdd3ce | rgb(253, 211, 206) | hsl(6, 93%, 90%) | |
85% | #fcbcb5 | rgb(252, 188, 181) | hsl(6, 93%, 85%) | |
80% | #fba69d | rgb(251, 166, 157) | hsl(6, 93%, 80%) | |
75% | #fb9084 | rgb(251, 144, 132) | hsl(6, 93%, 75%) | |
71% | #fa8072 | rgb(250, 128, 114) | hsl(6, 93%, 71%) | |
70% | #fa7a6b | rgb(250, 122, 107) | hsl(6, 93%, 70%) | |
65% | #f96353 | rgb(249, 99, 83) | hsl(6, 93%, 65%) | |
60% | #f84d3a | rgb(248, 77, 58) | hsl(6, 93%, 60%) | |
55% | #f73722 | rgb(247, 55, 34) | hsl(6, 93%, 55%) | |
50% | #f62109 | rgb(246, 33, 9) | hsl(6, 93%, 50%) | |
45% | #dd1d08 | rgb(221, 29, 8) | hsl(6, 93%, 45%) | |
40% | #c51a07 | rgb(197, 26, 7) | hsl(6, 93%, 40%) | |
35% | #ac1706 | rgb(172, 23, 6) | hsl(6, 93%, 35%) | |
30% | #941405 | rgb(148, 20, 5) | hsl(6, 93%, 30%) | |
25% | #7b1004 | rgb(123, 16, 4) | hsl(6, 93%, 25%) | |
20% | #620d04 | rgb(98, 13, 4) | hsl(6, 93%, 20%) | |
15% | #4a0a03 | rgb(74, 10, 3) | hsl(6, 93%, 15%) | |
10% | #310702 | rgb(49, 7, 2) | hsl(6, 93%, 10%) | |
5% | #190301 | rgb(25, 3, 1) | hsl(6, 93%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(6, 93%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
250 | 128 | 114 |
rgb(250, 128, 114)
#fa8072
#fa8072