HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#ffc196
rgb(255, 193, 150)
hsl(25, 100%, 79%)
Lighter / Darker:
100% | #ffffff | |
95% | #fff0e6 | |
90% | #ffe1cc | |
85% | #ffd2b3 | |
80% | #ffc499 | |
79% | #ffc196 | |
75% | #ffb580 | |
70% | #ffa666 | |
65% | #ff974d | |
60% | #ff8833 | |
55% | #ff791a | |
50% | #ff6a00 | |
45% | #e66000 | |
40% | #cc5500 | |
35% | #b34a00 | |
30% | #994000 | |
25% | #803500 | |
20% | #662b00 | |
15% | #4d2000 | |
10% | #331500 | |
5% | #1a0b00 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ff9494 | rgb(255, 148, 148) | hsl(0, 100%, 79%) | |
15 | #ffaf94 | rgb(255, 175, 148) | hsl(15, 100%, 79%) | |
25 | #ffc196 | rgb(255, 193, 150) | hsl(25, 100%, 79%) | |
30 | #ffc994 | rgb(255, 201, 148) | hsl(30, 100%, 79%) | |
45 | #ffe494 | rgb(255, 228, 148) | hsl(45, 100%, 79%) | |
60 | #ffff94 | rgb(255, 255, 148) | hsl(60, 100%, 79%) | |
75 | #e4ff94 | rgb(228, 255, 148) | hsl(75, 100%, 79%) | |
90 | #c9ff94 | rgb(201, 255, 148) | hsl(90, 100%, 79%) | |
105 | #afff94 | rgb(175, 255, 148) | hsl(105, 100%, 79%) | |
120 | #94ff94 | rgb(148, 255, 148) | hsl(120, 100%, 79%) | |
135 | #94ffaf | rgb(148, 255, 175) | hsl(135, 100%, 79%) | |
150 | #94ffc9 | rgb(148, 255, 201) | hsl(150, 100%, 79%) | |
165 | #94ffe4 | rgb(148, 255, 228) | hsl(165, 100%, 79%) | |
180 | #94ffff | rgb(148, 255, 255) | hsl(180, 100%, 79%) | |
195 | #94e4ff | rgb(148, 228, 255) | hsl(195, 100%, 79%) | |
210 | #94c9ff | rgb(148, 201, 255) | hsl(210, 100%, 79%) | |
225 | #94afff | rgb(148, 175, 255) | hsl(225, 100%, 79%) | |
240 | #9494ff | rgb(148, 148, 255) | hsl(240, 100%, 79%) | |
255 | #af94ff | rgb(175, 148, 255) | hsl(255, 100%, 79%) | |
270 | #c994ff | rgb(201, 148, 255) | hsl(270, 100%, 79%) | |
285 | #e494ff | rgb(228, 148, 255) | hsl(285, 100%, 79%) | |
300 | #ff94ff | rgb(255, 148, 255) | hsl(300, 100%, 79%) | |
315 | #ff94e4 | rgb(255, 148, 228) | hsl(315, 100%, 79%) | |
330 | #ff94c9 | rgb(255, 148, 201) | hsl(330, 100%, 79%) | |
345 | #ff94af | rgb(255, 148, 175) | hsl(345, 100%, 79%) | |
360 | #ff9494 | rgb(255, 148, 148) | hsl(0, 100%, 79%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffc196 | rgb(255, 193, 150) | hsl(25, 100%, 79%) | |
95% | #fcc197 | rgb(252, 193, 151) | hsl(25, 95%, 79%) | |
90% | #fac199 | rgb(250, 193, 153) | hsl(25, 90%, 79%) | |
85% | #f7c29c | rgb(247, 194, 156) | hsl(25, 85%, 79%) | |
80% | #f4c29f | rgb(244, 194, 159) | hsl(25, 80%, 79%) | |
75% | #f2c3a1 | rgb(242, 195, 161) | hsl(25, 75%, 79%) | |
70% | #efc3a4 | rgb(239, 195, 164) | hsl(25, 70%, 79%) | |
65% | #ecc4a7 | rgb(236, 196, 167) | hsl(25, 65%, 79%) | |
60% | #eac4a9 | rgb(234, 196, 169) | hsl(25, 60%, 79%) | |
55% | #e7c5ac | rgb(231, 197, 172) | hsl(25, 55%, 79%) | |
50% | #e4c5af | rgb(228, 197, 175) | hsl(25, 50%, 79%) | |
45% | #e2c5b1 | rgb(226, 197, 177) | hsl(25, 45%, 79%) | |
40% | #dfc6b4 | rgb(223, 198, 180) | hsl(25, 40%, 79%) | |
35% | #dcc6b7 | rgb(220, 198, 183) | hsl(25, 35%, 79%) | |
30% | #dac7b9 | rgb(218, 199, 185) | hsl(25, 30%, 79%) | |
25% | #d7c7bc | rgb(215, 199, 188) | hsl(25, 25%, 79%) | |
20% | #d4c8bf | rgb(212, 200, 191) | hsl(25, 20%, 79%) | |
15% | #d1c8c1 | rgb(209, 200, 193) | hsl(25, 15%, 79%) | |
10% | #cfc9c4 | rgb(207, 201, 196) | hsl(25, 10%, 79%) | |
5% | #ccc9c7 | rgb(204, 201, 199) | hsl(25, 5%, 79%) | |
0% | #c9c9c9 | rgb(201, 201, 201) | hsl(25, 0%, 79%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(25, 100%, 100%) | |
95% | #fff0e6 | rgb(255, 240, 230) | hsl(25, 100%, 95%) | |
90% | #ffe1cc | rgb(255, 225, 204) | hsl(25, 100%, 90%) | |
85% | #ffd2b3 | rgb(255, 210, 179) | hsl(25, 100%, 85%) | |
80% | #ffc499 | rgb(255, 196, 153) | hsl(25, 100%, 80%) | |
79% | #ffc196 | rgb(255, 193, 150) | hsl(25, 100%, 79%) | |
75% | #ffb580 | rgb(255, 181, 128) | hsl(25, 100%, 75%) | |
70% | #ffa666 | rgb(255, 166, 102) | hsl(25, 100%, 70%) | |
65% | #ff974d | rgb(255, 151, 77) | hsl(25, 100%, 65%) | |
60% | #ff8833 | rgb(255, 136, 51) | hsl(25, 100%, 60%) | |
55% | #ff791a | rgb(255, 121, 26) | hsl(25, 100%, 55%) | |
50% | #ff6a00 | rgb(255, 106, 0) | hsl(25, 100%, 50%) | |
45% | #e66000 | rgb(230, 96, 0) | hsl(25, 100%, 45%) | |
40% | #cc5500 | rgb(204, 85, 0) | hsl(25, 100%, 40%) | |
35% | #b34a00 | rgb(179, 74, 0) | hsl(25, 100%, 35%) | |
30% | #994000 | rgb(153, 64, 0) | hsl(25, 100%, 30%) | |
25% | #803500 | rgb(128, 53, 0) | hsl(25, 100%, 25%) | |
20% | #662b00 | rgb(102, 43, 0) | hsl(25, 100%, 20%) | |
15% | #4d2000 | rgb(77, 32, 0) | hsl(25, 100%, 15%) | |
10% | #331500 | rgb(51, 21, 0) | hsl(25, 100%, 10%) | |
5% | #1a0b00 | rgb(26, 11, 0) | hsl(25, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(25, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 193 | 150 |
rgb(255, 193, 150)
#ffc196
#ffc196