HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#464b65
rgb(70, 75, 101)
hsl(230, 18%, 34%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f0f1f5 | |
| 90% | #e1e2ea | |
| 85% | #d2d4e0 | |
| 80% | #c3c6d5 | |
| 75% | #b4b8cb | |
| 70% | #a5a9c0 | |
| 65% | #969bb6 | |
| 60% | #878dab | |
| 55% | #787ea1 | |
| 50% | #697096 | |
| 45% | #5e6587 | |
| 40% | #545a78 | |
| 35% | #494f69 | |
| 34% | #464b65 | |
| 30% | #3f435a | |
| 25% | #34384b | |
| 20% | #2a2d3c | |
| 15% | #1f222d | |
| 10% | #15161e | |
| 5% | #0a0b0f | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #664747 | rgb(102, 71, 71) | hsl(0, 18%, 34%) | |
| 15 | #664f47 | rgb(102, 79, 71) | hsl(15, 18%, 34%) | |
| 30 | #665747 | rgb(102, 87, 71) | hsl(30, 18%, 34%) | |
| 45 | #665f47 | rgb(102, 95, 71) | hsl(45, 18%, 34%) | |
| 60 | #666647 | rgb(102, 102, 71) | hsl(60, 18%, 34%) | |
| 75 | #5f6647 | rgb(95, 102, 71) | hsl(75, 18%, 34%) | |
| 90 | #576647 | rgb(87, 102, 71) | hsl(90, 18%, 34%) | |
| 105 | #4f6647 | rgb(79, 102, 71) | hsl(105, 18%, 34%) | |
| 120 | #476647 | rgb(71, 102, 71) | hsl(120, 18%, 34%) | |
| 135 | #47664f | rgb(71, 102, 79) | hsl(135, 18%, 34%) | |
| 150 | #476657 | rgb(71, 102, 87) | hsl(150, 18%, 34%) | |
| 165 | #47665f | rgb(71, 102, 95) | hsl(165, 18%, 34%) | |
| 180 | #476666 | rgb(71, 102, 102) | hsl(180, 18%, 34%) | |
| 195 | #475f66 | rgb(71, 95, 102) | hsl(195, 18%, 34%) | |
| 210 | #475766 | rgb(71, 87, 102) | hsl(210, 18%, 34%) | |
| 225 | #474f66 | rgb(71, 79, 102) | hsl(225, 18%, 34%) | |
| 230 | #464b65 | rgb(70, 75, 101) | hsl(230, 18%, 34%) | |
| 240 | #474766 | rgb(71, 71, 102) | hsl(240, 18%, 34%) | |
| 255 | #4f4766 | rgb(79, 71, 102) | hsl(255, 18%, 34%) | |
| 270 | #574766 | rgb(87, 71, 102) | hsl(270, 18%, 34%) | |
| 285 | #5f4766 | rgb(95, 71, 102) | hsl(285, 18%, 34%) | |
| 300 | #664766 | rgb(102, 71, 102) | hsl(300, 18%, 34%) | |
| 315 | #66475f | rgb(102, 71, 95) | hsl(315, 18%, 34%) | |
| 330 | #664757 | rgb(102, 71, 87) | hsl(330, 18%, 34%) | |
| 345 | #66474f | rgb(102, 71, 79) | hsl(345, 18%, 34%) | |
| 360 | #664747 | rgb(102, 71, 71) | hsl(0, 18%, 34%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #001dad | rgb(0, 29, 173) | hsl(230, 100%, 34%) | |
| 95% | #0420a9 | rgb(4, 32, 169) | hsl(230, 95%, 34%) | |
| 90% | #0923a5 | rgb(9, 35, 165) | hsl(230, 90%, 34%) | |
| 85% | #0d26a0 | rgb(13, 38, 160) | hsl(230, 85%, 34%) | |
| 80% | #11289c | rgb(17, 40, 156) | hsl(230, 80%, 34%) | |
| 75% | #162b98 | rgb(22, 43, 152) | hsl(230, 75%, 34%) | |
| 70% | #1a2e93 | rgb(26, 46, 147) | hsl(230, 70%, 34%) | |
| 65% | #1e318f | rgb(30, 49, 143) | hsl(230, 65%, 34%) | |
| 60% | #23348b | rgb(35, 52, 139) | hsl(230, 60%, 34%) | |
| 55% | #273786 | rgb(39, 55, 134) | hsl(230, 55%, 34%) | |
| 50% | #2b3a82 | rgb(43, 58, 130) | hsl(230, 50%, 34%) | |
| 45% | #303d7e | rgb(48, 61, 126) | hsl(230, 45%, 34%) | |
| 40% | #344079 | rgb(52, 64, 121) | hsl(230, 40%, 34%) | |
| 35% | #384275 | rgb(56, 66, 117) | hsl(230, 35%, 34%) | |
| 30% | #3d4571 | rgb(61, 69, 113) | hsl(230, 30%, 34%) | |
| 25% | #41486c | rgb(65, 72, 108) | hsl(230, 25%, 34%) | |
| 20% | #454b68 | rgb(69, 75, 104) | hsl(230, 20%, 34%) | |
| 18% | #464b65 | rgb(70, 75, 101) | hsl(230, 18%, 34%) | |
| 15% | #4a4e64 | rgb(74, 78, 100) | hsl(230, 15%, 34%) | |
| 10% | #4e515f | rgb(78, 81, 95) | hsl(230, 10%, 34%) | |
| 5% | #52545b | rgb(82, 84, 91) | hsl(230, 5%, 34%) | |
| 0% | #575757 | rgb(87, 87, 87) | hsl(230, 0%, 34%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(230, 18%, 100%) | |
| 95% | #f0f1f5 | rgb(240, 241, 245) | hsl(230, 18%, 95%) | |
| 90% | #e1e2ea | rgb(225, 226, 234) | hsl(230, 18%, 90%) | |
| 85% | #d2d4e0 | rgb(210, 212, 224) | hsl(230, 18%, 85%) | |
| 80% | #c3c6d5 | rgb(195, 198, 213) | hsl(230, 18%, 80%) | |
| 75% | #b4b8cb | rgb(180, 184, 203) | hsl(230, 18%, 75%) | |
| 70% | #a5a9c0 | rgb(165, 169, 192) | hsl(230, 18%, 70%) | |
| 65% | #969bb6 | rgb(150, 155, 182) | hsl(230, 18%, 65%) | |
| 60% | #878dab | rgb(135, 141, 171) | hsl(230, 18%, 60%) | |
| 55% | #787ea1 | rgb(120, 126, 161) | hsl(230, 18%, 55%) | |
| 50% | #697096 | rgb(105, 112, 150) | hsl(230, 18%, 50%) | |
| 45% | #5e6587 | rgb(94, 101, 135) | hsl(230, 18%, 45%) | |
| 40% | #545a78 | rgb(84, 90, 120) | hsl(230, 18%, 40%) | |
| 35% | #494f69 | rgb(73, 79, 105) | hsl(230, 18%, 35%) | |
| 34% | #464b65 | rgb(70, 75, 101) | hsl(230, 18%, 34%) | |
| 30% | #3f435a | rgb(63, 67, 90) | hsl(230, 18%, 30%) | |
| 25% | #34384b | rgb(52, 56, 75) | hsl(230, 18%, 25%) | |
| 20% | #2a2d3c | rgb(42, 45, 60) | hsl(230, 18%, 20%) | |
| 15% | #1f222d | rgb(31, 34, 45) | hsl(230, 18%, 15%) | |
| 10% | #15161e | rgb(21, 22, 30) | hsl(230, 18%, 10%) | |
| 5% | #0a0b0f | rgb(10, 11, 15) | hsl(230, 18%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(230, 18%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 70 | 75 | 101 |
rgb(70, 75, 101)
#464b65
#464b65
