HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#f0ead6
rgb(240, 234, 214)
hsl(46, 46%, 89%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f8f5ec | |
| 90% | #f1ecda | |
| 89% | #f0ead6 | |
| 85% | #eae2c7 | |
| 80% | #e3d9b5 | |
| 75% | #ddcfa2 | |
| 70% | #d6c58f | |
| 65% | #cfbc7d | |
| 60% | #c8b26a | |
| 55% | #c1a857 | |
| 50% | #ba9f45 | |
| 45% | #a88f3e | |
| 40% | #957f37 | |
| 35% | #826f30 | |
| 30% | #705f29 | |
| 25% | #5d4f22 | |
| 20% | #4a401c | |
| 15% | #383015 | |
| 10% | #25200e | |
| 5% | #131007 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #f0d6d6 | rgb(240, 214, 214) | hsl(0, 46%, 89%) | |
| 15 | #f0dcd6 | rgb(240, 220, 214) | hsl(15, 46%, 89%) | |
| 30 | #f0e3d6 | rgb(240, 227, 214) | hsl(30, 46%, 89%) | |
| 45 | #f0e9d6 | rgb(240, 233, 214) | hsl(45, 46%, 89%) | |
| 46 | #f0ead6 | rgb(240, 234, 214) | hsl(46, 46%, 89%) | |
| 60 | #f0f0d6 | rgb(240, 240, 214) | hsl(60, 46%, 89%) | |
| 75 | #e9f0d6 | rgb(233, 240, 214) | hsl(75, 46%, 89%) | |
| 90 | #e3f0d6 | rgb(227, 240, 214) | hsl(90, 46%, 89%) | |
| 105 | #dcf0d6 | rgb(220, 240, 214) | hsl(105, 46%, 89%) | |
| 120 | #d6f0d6 | rgb(214, 240, 214) | hsl(120, 46%, 89%) | |
| 135 | #d6f0dc | rgb(214, 240, 220) | hsl(135, 46%, 89%) | |
| 150 | #d6f0e3 | rgb(214, 240, 227) | hsl(150, 46%, 89%) | |
| 165 | #d6f0e9 | rgb(214, 240, 233) | hsl(165, 46%, 89%) | |
| 180 | #d6f0f0 | rgb(214, 240, 240) | hsl(180, 46%, 89%) | |
| 195 | #d6e9f0 | rgb(214, 233, 240) | hsl(195, 46%, 89%) | |
| 210 | #d6e3f0 | rgb(214, 227, 240) | hsl(210, 46%, 89%) | |
| 225 | #d6dcf0 | rgb(214, 220, 240) | hsl(225, 46%, 89%) | |
| 240 | #d6d6f0 | rgb(214, 214, 240) | hsl(240, 46%, 89%) | |
| 255 | #dcd6f0 | rgb(220, 214, 240) | hsl(255, 46%, 89%) | |
| 270 | #e3d6f0 | rgb(227, 214, 240) | hsl(270, 46%, 89%) | |
| 285 | #e9d6f0 | rgb(233, 214, 240) | hsl(285, 46%, 89%) | |
| 300 | #f0d6f0 | rgb(240, 214, 240) | hsl(300, 46%, 89%) | |
| 315 | #f0d6e9 | rgb(240, 214, 233) | hsl(315, 46%, 89%) | |
| 330 | #f0d6e3 | rgb(240, 214, 227) | hsl(330, 46%, 89%) | |
| 345 | #f0d6dc | rgb(240, 214, 220) | hsl(345, 46%, 89%) | |
| 360 | #f0d6d6 | rgb(240, 214, 214) | hsl(0, 46%, 89%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #fff2c7 | rgb(255, 242, 199) | hsl(46, 100%, 89%) | |
| 95% | #fef1c8 | rgb(254, 241, 200) | hsl(46, 95%, 89%) | |
| 90% | #fcf0ca | rgb(252, 240, 202) | hsl(46, 90%, 89%) | |
| 85% | #fbf0cb | rgb(251, 240, 203) | hsl(46, 85%, 89%) | |
| 80% | #f9efcd | rgb(249, 239, 205) | hsl(46, 80%, 89%) | |
| 75% | #f8eece | rgb(248, 238, 206) | hsl(46, 75%, 89%) | |
| 70% | #f7edcf | rgb(247, 237, 207) | hsl(46, 70%, 89%) | |
| 65% | #f5edd1 | rgb(245, 237, 209) | hsl(46, 65%, 89%) | |
| 60% | #f4ecd2 | rgb(244, 236, 210) | hsl(46, 60%, 89%) | |
| 55% | #f2ebd4 | rgb(242, 235, 212) | hsl(46, 55%, 89%) | |
| 50% | #f1ead5 | rgb(241, 234, 213) | hsl(46, 50%, 89%) | |
| 46% | #f0ead6 | rgb(240, 234, 214) | hsl(46, 46%, 89%) | |
| 45% | #f0ead6 | rgb(240, 234, 214) | hsl(46, 45%, 89%) | |
| 40% | #eee9d8 | rgb(238, 233, 216) | hsl(46, 40%, 89%) | |
| 35% | #ede8d9 | rgb(237, 232, 217) | hsl(46, 35%, 89%) | |
| 30% | #ebe7db | rgb(235, 231, 219) | hsl(46, 30%, 89%) | |
| 25% | #eae7dc | rgb(234, 231, 220) | hsl(46, 25%, 89%) | |
| 20% | #e9e6dd | rgb(233, 230, 221) | hsl(46, 20%, 89%) | |
| 15% | #e7e5df | rgb(231, 229, 223) | hsl(46, 15%, 89%) | |
| 10% | #e6e4e0 | rgb(230, 228, 224) | hsl(46, 10%, 89%) | |
| 5% | #e4e4e2 | rgb(228, 228, 226) | hsl(46, 5%, 89%) | |
| 0% | #e3e3e3 | rgb(227, 227, 227) | hsl(46, 0%, 89%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(46, 46%, 100%) | |
| 95% | #f8f5ec | rgb(248, 245, 236) | hsl(46, 46%, 95%) | |
| 90% | #f1ecda | rgb(241, 236, 218) | hsl(46, 46%, 90%) | |
| 89% | #f0ead6 | rgb(240, 234, 214) | hsl(46, 46%, 89%) | |
| 85% | #eae2c7 | rgb(234, 226, 199) | hsl(46, 46%, 85%) | |
| 80% | #e3d9b5 | rgb(227, 217, 181) | hsl(46, 46%, 80%) | |
| 75% | #ddcfa2 | rgb(221, 207, 162) | hsl(46, 46%, 75%) | |
| 70% | #d6c58f | rgb(214, 197, 143) | hsl(46, 46%, 70%) | |
| 65% | #cfbc7d | rgb(207, 188, 125) | hsl(46, 46%, 65%) | |
| 60% | #c8b26a | rgb(200, 178, 106) | hsl(46, 46%, 60%) | |
| 55% | #c1a857 | rgb(193, 168, 87) | hsl(46, 46%, 55%) | |
| 50% | #ba9f45 | rgb(186, 159, 69) | hsl(46, 46%, 50%) | |
| 45% | #a88f3e | rgb(168, 143, 62) | hsl(46, 46%, 45%) | |
| 40% | #957f37 | rgb(149, 127, 55) | hsl(46, 46%, 40%) | |
| 35% | #826f30 | rgb(130, 111, 48) | hsl(46, 46%, 35%) | |
| 30% | #705f29 | rgb(112, 95, 41) | hsl(46, 46%, 30%) | |
| 25% | #5d4f22 | rgb(93, 79, 34) | hsl(46, 46%, 25%) | |
| 20% | #4a401c | rgb(74, 64, 28) | hsl(46, 46%, 20%) | |
| 15% | #383015 | rgb(56, 48, 21) | hsl(46, 46%, 15%) | |
| 10% | #25200e | rgb(37, 32, 14) | hsl(46, 46%, 10%) | |
| 5% | #131007 | rgb(19, 16, 7) | hsl(46, 46%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(46, 46%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 240 | 234 | 214 |
rgb(240, 234, 214)
#f0ead6
#f0ead6
