HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#f2552c
rgb(242, 85, 44)
hsl(12, 88%, 56%)
Lighter / Darker:
100% | #ffffff | |
95% | #fdece7 | |
90% | #fcd8cf | |
85% | #fac5b7 | |
80% | #f9b19f | |
75% | #f79e87 | |
70% | #f68a6f | |
65% | #f47757 | |
60% | #f3633f | |
56% | #f2552c | |
55% | #f15027 | |
50% | #f03c0f | |
45% | #d8360e | |
40% | #c0300c | |
35% | #a82a0b | |
30% | #902409 | |
25% | #781e08 | |
20% | #601806 | |
15% | #481205 | |
10% | #300c03 | |
5% | #180602 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f22c2c | rgb(242, 44, 44) | hsl(0, 88%, 56%) | |
12 | #f2552c | rgb(242, 85, 44) | hsl(12, 88%, 56%) | |
15 | #f25d2c | rgb(242, 93, 44) | hsl(15, 88%, 56%) | |
30 | #f28f2c | rgb(242, 143, 44) | hsl(30, 88%, 56%) | |
45 | #f2c02c | rgb(242, 192, 44) | hsl(45, 88%, 56%) | |
60 | #f2f22c | rgb(242, 242, 44) | hsl(60, 88%, 56%) | |
75 | #c0f22c | rgb(192, 242, 44) | hsl(75, 88%, 56%) | |
90 | #8ff22c | rgb(143, 242, 44) | hsl(90, 88%, 56%) | |
105 | #5df22c | rgb(93, 242, 44) | hsl(105, 88%, 56%) | |
120 | #2cf22c | rgb(44, 242, 44) | hsl(120, 88%, 56%) | |
135 | #2cf25d | rgb(44, 242, 93) | hsl(135, 88%, 56%) | |
150 | #2cf28f | rgb(44, 242, 143) | hsl(150, 88%, 56%) | |
165 | #2cf2c0 | rgb(44, 242, 192) | hsl(165, 88%, 56%) | |
180 | #2cf2f2 | rgb(44, 242, 242) | hsl(180, 88%, 56%) | |
195 | #2cc0f2 | rgb(44, 192, 242) | hsl(195, 88%, 56%) | |
210 | #2c8ff2 | rgb(44, 143, 242) | hsl(210, 88%, 56%) | |
225 | #2c5df2 | rgb(44, 93, 242) | hsl(225, 88%, 56%) | |
240 | #2c2cf2 | rgb(44, 44, 242) | hsl(240, 88%, 56%) | |
255 | #5d2cf2 | rgb(93, 44, 242) | hsl(255, 88%, 56%) | |
270 | #8f2cf2 | rgb(143, 44, 242) | hsl(270, 88%, 56%) | |
285 | #c02cf2 | rgb(192, 44, 242) | hsl(285, 88%, 56%) | |
300 | #f22cf2 | rgb(242, 44, 242) | hsl(300, 88%, 56%) | |
315 | #f22cc0 | rgb(242, 44, 192) | hsl(315, 88%, 56%) | |
330 | #f22c8f | rgb(242, 44, 143) | hsl(330, 88%, 56%) | |
345 | #f22c5d | rgb(242, 44, 93) | hsl(345, 88%, 56%) | |
360 | #f22c2c | rgb(242, 44, 44) | hsl(0, 88%, 56%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff4b1f | rgb(255, 75, 31) | hsl(12, 100%, 56%) | |
95% | #f94f24 | rgb(249, 79, 36) | hsl(12, 95%, 56%) | |
90% | #f4522a | rgb(244, 82, 42) | hsl(12, 90%, 56%) | |
88% | #f2552c | rgb(242, 85, 44) | hsl(12, 88%, 56%) | |
85% | #ee562f | rgb(238, 86, 47) | hsl(12, 85%, 56%) | |
80% | #e95935 | rgb(233, 89, 53) | hsl(12, 80%, 56%) | |
75% | #e35c3b | rgb(227, 92, 59) | hsl(12, 75%, 56%) | |
70% | #dd6040 | rgb(221, 96, 64) | hsl(12, 70%, 56%) | |
65% | #d86346 | rgb(216, 99, 70) | hsl(12, 65%, 56%) | |
60% | #d2664b | rgb(210, 102, 75) | hsl(12, 60%, 56%) | |
55% | #cd6a51 | rgb(205, 106, 81) | hsl(12, 55%, 56%) | |
50% | #c76d57 | rgb(199, 109, 87) | hsl(12, 50%, 56%) | |
45% | #c1715c | rgb(193, 113, 92) | hsl(12, 45%, 56%) | |
40% | #bc7462 | rgb(188, 116, 98) | hsl(12, 40%, 56%) | |
35% | #b67768 | rgb(182, 119, 104) | hsl(12, 35%, 56%) | |
30% | #b07b6d | rgb(176, 123, 109) | hsl(12, 30%, 56%) | |
25% | #ab7e73 | rgb(171, 126, 115) | hsl(12, 25%, 56%) | |
20% | #a58178 | rgb(165, 129, 120) | hsl(12, 20%, 56%) | |
15% | #a0857e | rgb(160, 133, 126) | hsl(12, 15%, 56%) | |
10% | #9a8884 | rgb(154, 136, 132) | hsl(12, 10%, 56%) | |
5% | #948b89 | rgb(148, 139, 137) | hsl(12, 5%, 56%) | |
0% | #8f8f8f | rgb(143, 143, 143) | hsl(12, 0%, 56%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(12, 88%, 100%) | |
95% | #fdece7 | rgb(253, 236, 231) | hsl(12, 88%, 95%) | |
90% | #fcd8cf | rgb(252, 216, 207) | hsl(12, 88%, 90%) | |
85% | #fac5b7 | rgb(250, 197, 183) | hsl(12, 88%, 85%) | |
80% | #f9b19f | rgb(249, 177, 159) | hsl(12, 88%, 80%) | |
75% | #f79e87 | rgb(247, 158, 135) | hsl(12, 88%, 75%) | |
70% | #f68a6f | rgb(246, 138, 111) | hsl(12, 88%, 70%) | |
65% | #f47757 | rgb(244, 119, 87) | hsl(12, 88%, 65%) | |
60% | #f3633f | rgb(243, 99, 63) | hsl(12, 88%, 60%) | |
56% | #f2552c | rgb(242, 85, 44) | hsl(12, 88%, 56%) | |
55% | #f15027 | rgb(241, 80, 39) | hsl(12, 88%, 55%) | |
50% | #f03c0f | rgb(240, 60, 15) | hsl(12, 88%, 50%) | |
45% | #d8360e | rgb(216, 54, 14) | hsl(12, 88%, 45%) | |
40% | #c0300c | rgb(192, 48, 12) | hsl(12, 88%, 40%) | |
35% | #a82a0b | rgb(168, 42, 11) | hsl(12, 88%, 35%) | |
30% | #902409 | rgb(144, 36, 9) | hsl(12, 88%, 30%) | |
25% | #781e08 | rgb(120, 30, 8) | hsl(12, 88%, 25%) | |
20% | #601806 | rgb(96, 24, 6) | hsl(12, 88%, 20%) | |
15% | #481205 | rgb(72, 18, 5) | hsl(12, 88%, 15%) | |
10% | #300c03 | rgb(48, 12, 3) | hsl(12, 88%, 10%) | |
5% | #180602 | rgb(24, 6, 2) | hsl(12, 88%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(12, 88%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
242 | 85 | 44 |
rgb(242, 85, 44)
#f2552c
#f2552c