HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#edcdc2
rgb(237, 205, 194)
hsl(15, 54%, 85%)
Lighter / Darker:
100% | #ffffff | |
95% | #f9efeb | |
90% | #f3dfd8 | |
85% | #edcdc2 | |
80% | #e8beb0 | |
75% | #e2ae9d | |
70% | #dc9e89 | |
65% | #d68e76 | |
60% | #d07d62 | |
55% | #ca6d4e | |
50% | #c45d3b | |
45% | #b15435 | |
40% | #9d4a2f | |
35% | #894129 | |
30% | #763823 | |
25% | #622f1d | |
20% | #4f2517 | |
15% | #3b1c12 | |
10% | #27130c | |
5% | #140906 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #edc4c4 | rgb(237, 196, 196) | hsl(0, 54%, 85%) | |
15 | #edcdc2 | rgb(237, 205, 194) | hsl(15, 54%, 85%) | |
30 | #edd9c4 | rgb(237, 217, 196) | hsl(30, 54%, 85%) | |
45 | #ede3c4 | rgb(237, 227, 196) | hsl(45, 54%, 85%) | |
60 | #ededc4 | rgb(237, 237, 196) | hsl(60, 54%, 85%) | |
75 | #e3edc4 | rgb(227, 237, 196) | hsl(75, 54%, 85%) | |
90 | #d9edc4 | rgb(217, 237, 196) | hsl(90, 54%, 85%) | |
105 | #ceedc4 | rgb(206, 237, 196) | hsl(105, 54%, 85%) | |
120 | #c4edc4 | rgb(196, 237, 196) | hsl(120, 54%, 85%) | |
135 | #c4edce | rgb(196, 237, 206) | hsl(135, 54%, 85%) | |
150 | #c4edd9 | rgb(196, 237, 217) | hsl(150, 54%, 85%) | |
165 | #c4ede3 | rgb(196, 237, 227) | hsl(165, 54%, 85%) | |
180 | #c4eded | rgb(196, 237, 237) | hsl(180, 54%, 85%) | |
195 | #c4e3ed | rgb(196, 227, 237) | hsl(195, 54%, 85%) | |
210 | #c4d9ed | rgb(196, 217, 237) | hsl(210, 54%, 85%) | |
225 | #c4ceed | rgb(196, 206, 237) | hsl(225, 54%, 85%) | |
240 | #c4c4ed | rgb(196, 196, 237) | hsl(240, 54%, 85%) | |
255 | #cec4ed | rgb(206, 196, 237) | hsl(255, 54%, 85%) | |
270 | #d9c4ed | rgb(217, 196, 237) | hsl(270, 54%, 85%) | |
285 | #e3c4ed | rgb(227, 196, 237) | hsl(285, 54%, 85%) | |
300 | #edc4ed | rgb(237, 196, 237) | hsl(300, 54%, 85%) | |
315 | #edc4e3 | rgb(237, 196, 227) | hsl(315, 54%, 85%) | |
330 | #edc4d9 | rgb(237, 196, 217) | hsl(330, 54%, 85%) | |
345 | #edc4ce | rgb(237, 196, 206) | hsl(345, 54%, 85%) | |
360 | #edc4c4 | rgb(237, 196, 196) | hsl(0, 54%, 85%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffc6b3 | rgb(255, 198, 179) | hsl(15, 100%, 85%) | |
95% | #fdc7b4 | rgb(253, 199, 180) | hsl(15, 95%, 85%) | |
90% | #fbc8b6 | rgb(251, 200, 182) | hsl(15, 90%, 85%) | |
85% | #f9c8b8 | rgb(249, 200, 184) | hsl(15, 85%, 85%) | |
80% | #f7c9ba | rgb(247, 201, 186) | hsl(15, 80%, 85%) | |
75% | #f5cabc | rgb(245, 202, 188) | hsl(15, 75%, 85%) | |
70% | #f4cbbe | rgb(244, 203, 190) | hsl(15, 70%, 85%) | |
65% | #f2ccc0 | rgb(242, 204, 192) | hsl(15, 65%, 85%) | |
60% | #f0cdc2 | rgb(240, 205, 194) | hsl(15, 60%, 85%) | |
55% | #eecec4 | rgb(238, 206, 196) | hsl(15, 55%, 85%) | |
54% | #edcdc2 | rgb(237, 205, 194) | hsl(15, 54%, 85%) | |
50% | #eccfc6 | rgb(236, 207, 198) | hsl(15, 50%, 85%) | |
45% | #ead0c8 | rgb(234, 208, 200) | hsl(15, 45%, 85%) | |
40% | #e8d1c9 | rgb(232, 209, 201) | hsl(15, 40%, 85%) | |
35% | #e6d2cb | rgb(230, 210, 203) | hsl(15, 35%, 85%) | |
30% | #e4d3cd | rgb(228, 211, 205) | hsl(15, 30%, 85%) | |
25% | #e2d4cf | rgb(226, 212, 207) | hsl(15, 25%, 85%) | |
20% | #e0d5d1 | rgb(224, 213, 209) | hsl(15, 20%, 85%) | |
15% | #ded6d3 | rgb(222, 214, 211) | hsl(15, 15%, 85%) | |
10% | #ddd7d5 | rgb(221, 215, 213) | hsl(15, 10%, 85%) | |
5% | #dbd8d7 | rgb(219, 216, 215) | hsl(15, 5%, 85%) | |
0% | #d9d9d9 | rgb(217, 217, 217) | hsl(15, 0%, 85%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(15, 54%, 100%) | |
95% | #f9efeb | rgb(249, 239, 235) | hsl(15, 54%, 95%) | |
90% | #f3dfd8 | rgb(243, 223, 216) | hsl(15, 54%, 90%) | |
85% | #edcdc2 | rgb(237, 205, 194) | hsl(15, 54%, 85%) | |
80% | #e8beb0 | rgb(232, 190, 176) | hsl(15, 54%, 80%) | |
75% | #e2ae9d | rgb(226, 174, 157) | hsl(15, 54%, 75%) | |
70% | #dc9e89 | rgb(220, 158, 137) | hsl(15, 54%, 70%) | |
65% | #d68e76 | rgb(214, 142, 118) | hsl(15, 54%, 65%) | |
60% | #d07d62 | rgb(208, 125, 98) | hsl(15, 54%, 60%) | |
55% | #ca6d4e | rgb(202, 109, 78) | hsl(15, 54%, 55%) | |
50% | #c45d3b | rgb(196, 93, 59) | hsl(15, 54%, 50%) | |
45% | #b15435 | rgb(177, 84, 53) | hsl(15, 54%, 45%) | |
40% | #9d4a2f | rgb(157, 74, 47) | hsl(15, 54%, 40%) | |
35% | #894129 | rgb(137, 65, 41) | hsl(15, 54%, 35%) | |
30% | #763823 | rgb(118, 56, 35) | hsl(15, 54%, 30%) | |
25% | #622f1d | rgb(98, 47, 29) | hsl(15, 54%, 25%) | |
20% | #4f2517 | rgb(79, 37, 23) | hsl(15, 54%, 20%) | |
15% | #3b1c12 | rgb(59, 28, 18) | hsl(15, 54%, 15%) | |
10% | #27130c | rgb(39, 19, 12) | hsl(15, 54%, 10%) | |
5% | #140906 | rgb(20, 9, 6) | hsl(15, 54%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(15, 54%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
237 | 205 | 194 |
rgb(237, 205, 194)
#edcdc2
#edcdc2