HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#4f84c4
rgb(79, 132, 196)
hsl(213, 50%, 54%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #ecf2f9 | |
| 90% | #d9e4f2 | |
| 85% | #c6d7ec | |
| 80% | #b3c9e6 | |
| 75% | #9fbcdf | |
| 70% | #8cafd9 | |
| 65% | #79a1d2 | |
| 60% | #6694cc | |
| 55% | #5387c6 | |
| 54% | #4f84c4 | |
| 50% | #4079bf | |
| 45% | #396dac | |
| 40% | #336199 | |
| 35% | #2d5586 | |
| 30% | #264973 | |
| 25% | #203d60 | |
| 20% | #19304d | |
| 15% | #132439 | |
| 10% | #0d1826 | |
| 5% | #060c13 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #c44f4f | rgb(196, 79, 79) | hsl(0, 50%, 54%) | |
| 15 | #c46c4f | rgb(196, 108, 79) | hsl(15, 50%, 54%) | |
| 30 | #c48a4f | rgb(196, 138, 79) | hsl(30, 50%, 54%) | |
| 45 | #c4a74f | rgb(196, 167, 79) | hsl(45, 50%, 54%) | |
| 60 | #c4c44f | rgb(196, 196, 79) | hsl(60, 50%, 54%) | |
| 75 | #a7c44f | rgb(167, 196, 79) | hsl(75, 50%, 54%) | |
| 90 | #8ac44f | rgb(138, 196, 79) | hsl(90, 50%, 54%) | |
| 105 | #6cc44f | rgb(108, 196, 79) | hsl(105, 50%, 54%) | |
| 120 | #4fc44f | rgb(79, 196, 79) | hsl(120, 50%, 54%) | |
| 135 | #4fc46c | rgb(79, 196, 108) | hsl(135, 50%, 54%) | |
| 150 | #4fc48a | rgb(79, 196, 138) | hsl(150, 50%, 54%) | |
| 165 | #4fc4a7 | rgb(79, 196, 167) | hsl(165, 50%, 54%) | |
| 180 | #4fc4c4 | rgb(79, 196, 196) | hsl(180, 50%, 54%) | |
| 195 | #4fa7c4 | rgb(79, 167, 196) | hsl(195, 50%, 54%) | |
| 210 | #4f8ac4 | rgb(79, 138, 196) | hsl(210, 50%, 54%) | |
| 213 | #4f84c4 | rgb(79, 132, 196) | hsl(213, 50%, 54%) | |
| 225 | #4f6cc4 | rgb(79, 108, 196) | hsl(225, 50%, 54%) | |
| 240 | #4f4fc4 | rgb(79, 79, 196) | hsl(240, 50%, 54%) | |
| 255 | #6c4fc4 | rgb(108, 79, 196) | hsl(255, 50%, 54%) | |
| 270 | #8a4fc4 | rgb(138, 79, 196) | hsl(270, 50%, 54%) | |
| 285 | #a74fc4 | rgb(167, 79, 196) | hsl(285, 50%, 54%) | |
| 300 | #c44fc4 | rgb(196, 79, 196) | hsl(300, 50%, 54%) | |
| 315 | #c44fa7 | rgb(196, 79, 167) | hsl(315, 50%, 54%) | |
| 330 | #c44f8a | rgb(196, 79, 138) | hsl(330, 50%, 54%) | |
| 345 | #c44f6c | rgb(196, 79, 108) | hsl(345, 50%, 54%) | |
| 360 | #c44f4f | rgb(196, 79, 79) | hsl(0, 50%, 54%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #147eff | rgb(20, 126, 255) | hsl(213, 100%, 54%) | |
| 95% | #1a7ff9 | rgb(26, 127, 249) | hsl(213, 95%, 54%) | |
| 90% | #207ff3 | rgb(32, 127, 243) | hsl(213, 90%, 54%) | |
| 85% | #2680ed | rgb(38, 128, 237) | hsl(213, 85%, 54%) | |
| 80% | #2c80e8 | rgb(44, 128, 232) | hsl(213, 80%, 54%) | |
| 75% | #3281e2 | rgb(50, 129, 226) | hsl(213, 75%, 54%) | |
| 70% | #3881dc | rgb(56, 129, 220) | hsl(213, 70%, 54%) | |
| 65% | #3d82d6 | rgb(61, 130, 214) | hsl(213, 65%, 54%) | |
| 60% | #4383d0 | rgb(67, 131, 208) | hsl(213, 60%, 54%) | |
| 55% | #4983ca | rgb(73, 131, 202) | hsl(213, 55%, 54%) | |
| 50% | #4f84c4 | rgb(79, 132, 196) | hsl(213, 50%, 54%) | |
| 45% | #5584be | rgb(85, 132, 190) | hsl(213, 45%, 54%) | |
| 40% | #5b85b9 | rgb(91, 133, 185) | hsl(213, 40%, 54%) | |
| 35% | #6186b3 | rgb(97, 134, 179) | hsl(213, 35%, 54%) | |
| 30% | #6786ad | rgb(103, 134, 173) | hsl(213, 30%, 54%) | |
| 25% | #6c87a7 | rgb(108, 135, 167) | hsl(213, 25%, 54%) | |
| 20% | #7287a1 | rgb(114, 135, 161) | hsl(213, 20%, 54%) | |
| 15% | #78889b | rgb(120, 136, 155) | hsl(213, 15%, 54%) | |
| 10% | #7e8995 | rgb(126, 137, 149) | hsl(213, 10%, 54%) | |
| 5% | #848990 | rgb(132, 137, 144) | hsl(213, 5%, 54%) | |
| 0% | #8a8a8a | rgb(138, 138, 138) | hsl(213, 0%, 54%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(213, 50%, 100%) | |
| 95% | #ecf2f9 | rgb(236, 242, 249) | hsl(213, 50%, 95%) | |
| 90% | #d9e4f2 | rgb(217, 228, 242) | hsl(213, 50%, 90%) | |
| 85% | #c6d7ec | rgb(198, 215, 236) | hsl(213, 50%, 85%) | |
| 80% | #b3c9e6 | rgb(179, 201, 230) | hsl(213, 50%, 80%) | |
| 75% | #9fbcdf | rgb(159, 188, 223) | hsl(213, 50%, 75%) | |
| 70% | #8cafd9 | rgb(140, 175, 217) | hsl(213, 50%, 70%) | |
| 65% | #79a1d2 | rgb(121, 161, 210) | hsl(213, 50%, 65%) | |
| 60% | #6694cc | rgb(102, 148, 204) | hsl(213, 50%, 60%) | |
| 55% | #5387c6 | rgb(83, 135, 198) | hsl(213, 50%, 55%) | |
| 54% | #4f84c4 | rgb(79, 132, 196) | hsl(213, 50%, 54%) | |
| 50% | #4079bf | rgb(64, 121, 191) | hsl(213, 50%, 50%) | |
| 45% | #396dac | rgb(57, 109, 172) | hsl(213, 50%, 45%) | |
| 40% | #336199 | rgb(51, 97, 153) | hsl(213, 50%, 40%) | |
| 35% | #2d5586 | rgb(45, 85, 134) | hsl(213, 50%, 35%) | |
| 30% | #264973 | rgb(38, 73, 115) | hsl(213, 50%, 30%) | |
| 25% | #203d60 | rgb(32, 61, 96) | hsl(213, 50%, 25%) | |
| 20% | #19304d | rgb(25, 48, 77) | hsl(213, 50%, 20%) | |
| 15% | #132439 | rgb(19, 36, 57) | hsl(213, 50%, 15%) | |
| 10% | #0d1826 | rgb(13, 24, 38) | hsl(213, 50%, 10%) | |
| 5% | #060c13 | rgb(6, 12, 19) | hsl(213, 50%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(213, 50%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 79 | 132 | 196 |
rgb(79, 132, 196)
#4f84c4
#4f84c4
