HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#ff6f61
rgb(255, 111, 97)
hsl(5, 100%, 69%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffe8e6 | |
90% | #ffd0cc | |
85% | #ffb9b3 | |
80% | #ffa299 | |
75% | #ff8a80 | |
70% | #ff7366 | |
69% | #ff6f61 | |
65% | #ff5b4d | |
60% | #ff4433 | |
55% | #ff2d1a | |
50% | #ff1500 | |
45% | #e61300 | |
40% | #cc1100 | |
35% | #b30f00 | |
30% | #990d00 | |
25% | #800b00 | |
20% | #660900 | |
15% | #4d0600 | |
10% | #330400 | |
5% | #1a0200 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff6161 | rgb(255, 97, 97) | hsl(0, 100%, 69%) | |
5 | #ff6f61 | rgb(255, 111, 97) | hsl(5, 100%, 69%) | |
15 | #ff8861 | rgb(255, 136, 97) | hsl(15, 100%, 69%) | |
30 | #ffb061 | rgb(255, 176, 97) | hsl(30, 100%, 69%) | |
45 | #ffd761 | rgb(255, 215, 97) | hsl(45, 100%, 69%) | |
60 | #ffff61 | rgb(255, 255, 97) | hsl(60, 100%, 69%) | |
75 | #d7ff61 | rgb(215, 255, 97) | hsl(75, 100%, 69%) | |
90 | #b0ff61 | rgb(176, 255, 97) | hsl(90, 100%, 69%) | |
105 | #88ff61 | rgb(136, 255, 97) | hsl(105, 100%, 69%) | |
120 | #61ff61 | rgb(97, 255, 97) | hsl(120, 100%, 69%) | |
135 | #61ff88 | rgb(97, 255, 136) | hsl(135, 100%, 69%) | |
150 | #61ffb0 | rgb(97, 255, 176) | hsl(150, 100%, 69%) | |
165 | #61ffd7 | rgb(97, 255, 215) | hsl(165, 100%, 69%) | |
180 | #61ffff | rgb(97, 255, 255) | hsl(180, 100%, 69%) | |
195 | #61d7ff | rgb(97, 215, 255) | hsl(195, 100%, 69%) | |
210 | #61b0ff | rgb(97, 176, 255) | hsl(210, 100%, 69%) | |
225 | #6188ff | rgb(97, 136, 255) | hsl(225, 100%, 69%) | |
240 | #6161ff | rgb(97, 97, 255) | hsl(240, 100%, 69%) | |
255 | #8861ff | rgb(136, 97, 255) | hsl(255, 100%, 69%) | |
270 | #b061ff | rgb(176, 97, 255) | hsl(270, 100%, 69%) | |
285 | #d761ff | rgb(215, 97, 255) | hsl(285, 100%, 69%) | |
300 | #ff61ff | rgb(255, 97, 255) | hsl(300, 100%, 69%) | |
315 | #ff61d7 | rgb(255, 97, 215) | hsl(315, 100%, 69%) | |
330 | #ff61b0 | rgb(255, 97, 176) | hsl(330, 100%, 69%) | |
345 | #ff6188 | rgb(255, 97, 136) | hsl(345, 100%, 69%) | |
360 | #ff6161 | rgb(255, 97, 97) | hsl(0, 100%, 69%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff6f61 | rgb(255, 111, 97) | hsl(5, 100%, 69%) | |
95% | #fb7165 | rgb(251, 113, 101) | hsl(5, 95%, 69%) | |
90% | #f77569 | rgb(247, 117, 105) | hsl(5, 90%, 69%) | |
85% | #f3786d | rgb(243, 120, 109) | hsl(5, 85%, 69%) | |
80% | #ef7b71 | rgb(239, 123, 113) | hsl(5, 80%, 69%) | |
75% | #eb7f75 | rgb(235, 127, 117) | hsl(5, 75%, 69%) | |
70% | #e78279 | rgb(231, 130, 121) | hsl(5, 70%, 69%) | |
65% | #e3857d | rgb(227, 133, 125) | hsl(5, 65%, 69%) | |
60% | #df8881 | rgb(223, 136, 129) | hsl(5, 60%, 69%) | |
55% | #db8c84 | rgb(219, 140, 132) | hsl(5, 55%, 69%) | |
50% | #d78f88 | rgb(215, 143, 136) | hsl(5, 50%, 69%) | |
45% | #d4928c | rgb(212, 146, 140) | hsl(5, 45%, 69%) | |
40% | #d09690 | rgb(208, 150, 144) | hsl(5, 40%, 69%) | |
35% | #cc9994 | rgb(204, 153, 148) | hsl(5, 35%, 69%) | |
30% | #c89c98 | rgb(200, 156, 152) | hsl(5, 30%, 69%) | |
25% | #c49f9c | rgb(196, 159, 156) | hsl(5, 25%, 69%) | |
20% | #c0a3a0 | rgb(192, 163, 160) | hsl(5, 20%, 69%) | |
15% | #bca6a4 | rgb(188, 166, 164) | hsl(5, 15%, 69%) | |
10% | #b8a9a8 | rgb(184, 169, 168) | hsl(5, 10%, 69%) | |
5% | #b4adac | rgb(180, 173, 172) | hsl(5, 5%, 69%) | |
0% | #b0b0b0 | rgb(176, 176, 176) | hsl(5, 0%, 69%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(5, 100%, 100%) | |
95% | #ffe8e6 | rgb(255, 232, 230) | hsl(5, 100%, 95%) | |
90% | #ffd0cc | rgb(255, 208, 204) | hsl(5, 100%, 90%) | |
85% | #ffb9b3 | rgb(255, 185, 179) | hsl(5, 100%, 85%) | |
80% | #ffa299 | rgb(255, 162, 153) | hsl(5, 100%, 80%) | |
75% | #ff8a80 | rgb(255, 138, 128) | hsl(5, 100%, 75%) | |
70% | #ff7366 | rgb(255, 115, 102) | hsl(5, 100%, 70%) | |
69% | #ff6f61 | rgb(255, 111, 97) | hsl(5, 100%, 69%) | |
65% | #ff5b4d | rgb(255, 91, 77) | hsl(5, 100%, 65%) | |
60% | #ff4433 | rgb(255, 68, 51) | hsl(5, 100%, 60%) | |
55% | #ff2d1a | rgb(255, 45, 26) | hsl(5, 100%, 55%) | |
50% | #ff1500 | rgb(255, 21, 0) | hsl(5, 100%, 50%) | |
45% | #e61300 | rgb(230, 19, 0) | hsl(5, 100%, 45%) | |
40% | #cc1100 | rgb(204, 17, 0) | hsl(5, 100%, 40%) | |
35% | #b30f00 | rgb(179, 15, 0) | hsl(5, 100%, 35%) | |
30% | #990d00 | rgb(153, 13, 0) | hsl(5, 100%, 30%) | |
25% | #800b00 | rgb(128, 11, 0) | hsl(5, 100%, 25%) | |
20% | #660900 | rgb(102, 9, 0) | hsl(5, 100%, 20%) | |
15% | #4d0600 | rgb(77, 6, 0) | hsl(5, 100%, 15%) | |
10% | #330400 | rgb(51, 4, 0) | hsl(5, 100%, 10%) | |
5% | #1a0200 | rgb(26, 2, 0) | hsl(5, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(5, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 111 | 97 |
rgb(255, 111, 97)
#ff6f61
#ff6f61