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
DarkSalmon
#e9967a
rgb(233, 150, 122)
hsl(15, 72%, 70%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbeee9 | |
90% | #f8dcd3 | |
85% | #f4cbbd | |
80% | #f1baa7 | |
75% | #eda891 | |
70% | #e9967a | |
65% | #e68665 | |
60% | #e27450 | |
55% | #df633a | |
50% | #db5224 | |
45% | #c54920 | |
40% | #af411d | |
35% | #9a3919 | |
30% | #843115 | |
25% | #6e2912 | |
20% | #58210e | |
15% | #42180b | |
10% | #2c1007 | |
5% | #160804 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ea7b7b | rgb(234, 123, 123) | hsl(0, 72%, 70%) | |
15 | #e9967a | rgb(233, 150, 122) | hsl(15, 72%, 70%) | |
30 | #eab37b | rgb(234, 179, 123) | hsl(30, 72%, 70%) | |
45 | #eace7b | rgb(234, 206, 123) | hsl(45, 72%, 70%) | |
60 | #eaea7b | rgb(234, 234, 123) | hsl(60, 72%, 70%) | |
75 | #ceea7b | rgb(206, 234, 123) | hsl(75, 72%, 70%) | |
90 | #b3ea7b | rgb(179, 234, 123) | hsl(90, 72%, 70%) | |
105 | #97ea7b | rgb(151, 234, 123) | hsl(105, 72%, 70%) | |
120 | #7bea7b | rgb(123, 234, 123) | hsl(120, 72%, 70%) | |
135 | #7bea97 | rgb(123, 234, 151) | hsl(135, 72%, 70%) | |
150 | #7beab3 | rgb(123, 234, 179) | hsl(150, 72%, 70%) | |
165 | #7beace | rgb(123, 234, 206) | hsl(165, 72%, 70%) | |
180 | #7beaea | rgb(123, 234, 234) | hsl(180, 72%, 70%) | |
195 | #7bceea | rgb(123, 206, 234) | hsl(195, 72%, 70%) | |
210 | #7bb3ea | rgb(123, 179, 234) | hsl(210, 72%, 70%) | |
225 | #7b97ea | rgb(123, 151, 234) | hsl(225, 72%, 70%) | |
240 | #7b7bea | rgb(123, 123, 234) | hsl(240, 72%, 70%) | |
255 | #977bea | rgb(151, 123, 234) | hsl(255, 72%, 70%) | |
270 | #b37bea | rgb(179, 123, 234) | hsl(270, 72%, 70%) | |
285 | #ce7bea | rgb(206, 123, 234) | hsl(285, 72%, 70%) | |
300 | #ea7bea | rgb(234, 123, 234) | hsl(300, 72%, 70%) | |
315 | #ea7bce | rgb(234, 123, 206) | hsl(315, 72%, 70%) | |
330 | #ea7bb3 | rgb(234, 123, 179) | hsl(330, 72%, 70%) | |
345 | #ea7b97 | rgb(234, 123, 151) | hsl(345, 72%, 70%) | |
360 | #ea7b7b | rgb(234, 123, 123) | hsl(0, 72%, 70%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff8c66 | rgb(255, 140, 102) | hsl(15, 100%, 70%) | |
95% | #fb8e6a | rgb(251, 142, 106) | hsl(15, 95%, 70%) | |
90% | #f7906e | rgb(247, 144, 110) | hsl(15, 90%, 70%) | |
85% | #f49271 | rgb(244, 146, 113) | hsl(15, 85%, 70%) | |
80% | #f09475 | rgb(240, 148, 117) | hsl(15, 80%, 70%) | |
75% | #ec9679 | rgb(236, 150, 121) | hsl(15, 75%, 70%) | |
72% | #e9967a | rgb(233, 150, 122) | hsl(15, 72%, 70%) | |
70% | #e8987d | rgb(232, 152, 125) | hsl(15, 70%, 70%) | |
65% | #e49a81 | rgb(228, 154, 129) | hsl(15, 65%, 70%) | |
60% | #e09c85 | rgb(224, 156, 133) | hsl(15, 60%, 70%) | |
55% | #dd9d88 | rgb(221, 157, 136) | hsl(15, 55%, 70%) | |
50% | #d99f8c | rgb(217, 159, 140) | hsl(15, 50%, 70%) | |
45% | #d5a190 | rgb(213, 161, 144) | hsl(15, 45%, 70%) | |
40% | #d1a394 | rgb(209, 163, 148) | hsl(15, 40%, 70%) | |
35% | #cda598 | rgb(205, 165, 152) | hsl(15, 35%, 70%) | |
30% | #c9a79c | rgb(201, 167, 156) | hsl(15, 30%, 70%) | |
25% | #c6a99f | rgb(198, 169, 159) | hsl(15, 25%, 70%) | |
20% | #c2aba3 | rgb(194, 171, 163) | hsl(15, 20%, 70%) | |
15% | #beada7 | rgb(190, 173, 167) | hsl(15, 15%, 70%) | |
10% | #baafab | rgb(186, 175, 171) | hsl(15, 10%, 70%) | |
5% | #b6b1af | rgb(182, 177, 175) | hsl(15, 5%, 70%) | |
0% | #b3b3b3 | rgb(179, 179, 179) | hsl(15, 0%, 70%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(15, 72%, 100%) | |
95% | #fbeee9 | rgb(251, 238, 233) | hsl(15, 72%, 95%) | |
90% | #f8dcd3 | rgb(248, 220, 211) | hsl(15, 72%, 90%) | |
85% | #f4cbbd | rgb(244, 203, 189) | hsl(15, 72%, 85%) | |
80% | #f1baa7 | rgb(241, 186, 167) | hsl(15, 72%, 80%) | |
75% | #eda891 | rgb(237, 168, 145) | hsl(15, 72%, 75%) | |
70% | #e9967a | rgb(233, 150, 122) | hsl(15, 72%, 70%) | |
65% | #e68665 | rgb(230, 134, 101) | hsl(15, 72%, 65%) | |
60% | #e27450 | rgb(226, 116, 80) | hsl(15, 72%, 60%) | |
55% | #df633a | rgb(223, 99, 58) | hsl(15, 72%, 55%) | |
50% | #db5224 | rgb(219, 82, 36) | hsl(15, 72%, 50%) | |
45% | #c54920 | rgb(197, 73, 32) | hsl(15, 72%, 45%) | |
40% | #af411d | rgb(175, 65, 29) | hsl(15, 72%, 40%) | |
35% | #9a3919 | rgb(154, 57, 25) | hsl(15, 72%, 35%) | |
30% | #843115 | rgb(132, 49, 21) | hsl(15, 72%, 30%) | |
25% | #6e2912 | rgb(110, 41, 18) | hsl(15, 72%, 25%) | |
20% | #58210e | rgb(88, 33, 14) | hsl(15, 72%, 20%) | |
15% | #42180b | rgb(66, 24, 11) | hsl(15, 72%, 15%) | |
10% | #2c1007 | rgb(44, 16, 7) | hsl(15, 72%, 10%) | |
5% | #160804 | rgb(22, 8, 4) | hsl(15, 72%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(15, 72%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
233 | 150 | 122 |
rgb(233, 150, 122)
#e9967a
#e9967a