HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a4b9da
rgb(164, 185, 218)
hsl(217, 42%, 75%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #edf1f8 | |
| 90% | #dbe3f0 | |
| 85% | #c9d5e9 | |
| 80% | #b7c7e1 | |
| 75% | #a4b9da | |
| 70% | #92abd3 | |
| 65% | #809dcb | |
| 60% | #6e8fc4 | |
| 55% | #5c81bc | |
| 50% | #4a73b5 | |
| 45% | #4368a3 | |
| 40% | #3b5c91 | |
| 35% | #34517f | |
| 30% | #2c456d | |
| 25% | #253a5b | |
| 20% | #1e2e48 | |
| 15% | #162336 | |
| 10% | #0f1724 | |
| 5% | #070c12 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #daa4a4 | rgb(218, 164, 164) | hsl(0, 42%, 75%) | |
| 15 | #dab2a4 | rgb(218, 178, 164) | hsl(15, 42%, 75%) | |
| 30 | #dabfa4 | rgb(218, 191, 164) | hsl(30, 42%, 75%) | |
| 45 | #dacda4 | rgb(218, 205, 164) | hsl(45, 42%, 75%) | |
| 60 | #dadaa4 | rgb(218, 218, 164) | hsl(60, 42%, 75%) | |
| 75 | #cddaa4 | rgb(205, 218, 164) | hsl(75, 42%, 75%) | |
| 90 | #bfdaa4 | rgb(191, 218, 164) | hsl(90, 42%, 75%) | |
| 105 | #b2daa4 | rgb(178, 218, 164) | hsl(105, 42%, 75%) | |
| 120 | #a4daa4 | rgb(164, 218, 164) | hsl(120, 42%, 75%) | |
| 135 | #a4dab2 | rgb(164, 218, 178) | hsl(135, 42%, 75%) | |
| 150 | #a4dabf | rgb(164, 218, 191) | hsl(150, 42%, 75%) | |
| 165 | #a4dacd | rgb(164, 218, 205) | hsl(165, 42%, 75%) | |
| 180 | #a4dada | rgb(164, 218, 218) | hsl(180, 42%, 75%) | |
| 195 | #a4cdda | rgb(164, 205, 218) | hsl(195, 42%, 75%) | |
| 210 | #a4bfda | rgb(164, 191, 218) | hsl(210, 42%, 75%) | |
| 217 | #a4b9da | rgb(164, 185, 218) | hsl(217, 42%, 75%) | |
| 225 | #a4b2da | rgb(164, 178, 218) | hsl(225, 42%, 75%) | |
| 240 | #a4a4da | rgb(164, 164, 218) | hsl(240, 42%, 75%) | |
| 255 | #b2a4da | rgb(178, 164, 218) | hsl(255, 42%, 75%) | |
| 270 | #bfa4da | rgb(191, 164, 218) | hsl(270, 42%, 75%) | |
| 285 | #cda4da | rgb(205, 164, 218) | hsl(285, 42%, 75%) | |
| 300 | #daa4da | rgb(218, 164, 218) | hsl(300, 42%, 75%) | |
| 315 | #daa4cd | rgb(218, 164, 205) | hsl(315, 42%, 75%) | |
| 330 | #daa4bf | rgb(218, 164, 191) | hsl(330, 42%, 75%) | |
| 345 | #daa4b2 | rgb(218, 164, 178) | hsl(345, 42%, 75%) | |
| 360 | #daa4a4 | rgb(218, 164, 164) | hsl(0, 42%, 75%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #80b0ff | rgb(128, 176, 255) | hsl(217, 100%, 75%) | |
| 95% | #83b1fc | rgb(131, 177, 252) | hsl(217, 95%, 75%) | |
| 90% | #86b2f9 | rgb(134, 178, 249) | hsl(217, 90%, 75%) | |
| 85% | #89b3f5 | rgb(137, 179, 245) | hsl(217, 85%, 75%) | |
| 80% | #8cb3f2 | rgb(140, 179, 242) | hsl(217, 80%, 75%) | |
| 75% | #8fb4ef | rgb(143, 180, 239) | hsl(217, 75%, 75%) | |
| 70% | #93b5ec | rgb(147, 181, 236) | hsl(217, 70%, 75%) | |
| 65% | #96b6e9 | rgb(150, 182, 233) | hsl(217, 65%, 75%) | |
| 60% | #99b6e6 | rgb(153, 182, 230) | hsl(217, 60%, 75%) | |
| 55% | #9cb7e2 | rgb(156, 183, 226) | hsl(217, 55%, 75%) | |
| 50% | #9fb8df | rgb(159, 184, 223) | hsl(217, 50%, 75%) | |
| 45% | #a3b9dc | rgb(163, 185, 220) | hsl(217, 45%, 75%) | |
| 42% | #a4b9da | rgb(164, 185, 218) | hsl(217, 42%, 75%) | |
| 40% | #a6b9d9 | rgb(166, 185, 217) | hsl(217, 40%, 75%) | |
| 35% | #a9bad6 | rgb(169, 186, 214) | hsl(217, 35%, 75%) | |
| 30% | #acbbd2 | rgb(172, 187, 210) | hsl(217, 30%, 75%) | |
| 25% | #afbccf | rgb(175, 188, 207) | hsl(217, 25%, 75%) | |
| 20% | #b3bccc | rgb(179, 188, 204) | hsl(217, 20%, 75%) | |
| 15% | #b6bdc9 | rgb(182, 189, 201) | hsl(217, 15%, 75%) | |
| 10% | #b9bec6 | rgb(185, 190, 198) | hsl(217, 10%, 75%) | |
| 5% | #bcbfc2 | rgb(188, 191, 194) | hsl(217, 5%, 75%) | |
| 0% | #bfbfbf | rgb(191, 191, 191) | hsl(217, 0%, 75%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(217, 42%, 100%) | |
| 95% | #edf1f8 | rgb(237, 241, 248) | hsl(217, 42%, 95%) | |
| 90% | #dbe3f0 | rgb(219, 227, 240) | hsl(217, 42%, 90%) | |
| 85% | #c9d5e9 | rgb(201, 213, 233) | hsl(217, 42%, 85%) | |
| 80% | #b7c7e1 | rgb(183, 199, 225) | hsl(217, 42%, 80%) | |
| 75% | #a4b9da | rgb(164, 185, 218) | hsl(217, 42%, 75%) | |
| 70% | #92abd3 | rgb(146, 171, 211) | hsl(217, 42%, 70%) | |
| 65% | #809dcb | rgb(128, 157, 203) | hsl(217, 42%, 65%) | |
| 60% | #6e8fc4 | rgb(110, 143, 196) | hsl(217, 42%, 60%) | |
| 55% | #5c81bc | rgb(92, 129, 188) | hsl(217, 42%, 55%) | |
| 50% | #4a73b5 | rgb(74, 115, 181) | hsl(217, 42%, 50%) | |
| 45% | #4368a3 | rgb(67, 104, 163) | hsl(217, 42%, 45%) | |
| 40% | #3b5c91 | rgb(59, 92, 145) | hsl(217, 42%, 40%) | |
| 35% | #34517f | rgb(52, 81, 127) | hsl(217, 42%, 35%) | |
| 30% | #2c456d | rgb(44, 69, 109) | hsl(217, 42%, 30%) | |
| 25% | #253a5b | rgb(37, 58, 91) | hsl(217, 42%, 25%) | |
| 20% | #1e2e48 | rgb(30, 46, 72) | hsl(217, 42%, 20%) | |
| 15% | #162336 | rgb(22, 35, 54) | hsl(217, 42%, 15%) | |
| 10% | #0f1724 | rgb(15, 23, 36) | hsl(217, 42%, 10%) | |
| 5% | #070c12 | rgb(7, 12, 18) | hsl(217, 42%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(217, 42%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 164 | 185 | 218 |
rgb(164, 185, 218)
#a4b9da
#a4b9da
