HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#302c4d
rgb(48, 44, 77)
hsl(247, 27%, 24%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f0eff6 | |
| 90% | #e0dfec | |
| 85% | #d1cee3 | |
| 80% | #c1beda | |
| 75% | #b2aed0 | |
| 70% | #a39ec7 | |
| 65% | #938ebe | |
| 60% | #847db5 | |
| 55% | #746dab | |
| 50% | #655da2 | |
| 45% | #5b5492 | |
| 40% | #514a82 | |
| 35% | #474171 | |
| 30% | #3d3861 | |
| 25% | #332f51 | |
| 24% | #302c4d | |
| 20% | #282541 | |
| 15% | #1e1c31 | |
| 10% | #141320 | |
| 5% | #0a0910 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #4e2d2d | rgb(78, 45, 45) | hsl(0, 27%, 24%) | |
| 15 | #4e352d | rgb(78, 53, 45) | hsl(15, 27%, 24%) | |
| 30 | #4e3d2d | rgb(78, 61, 45) | hsl(30, 27%, 24%) | |
| 45 | #4e452d | rgb(78, 69, 45) | hsl(45, 27%, 24%) | |
| 60 | #4e4e2d | rgb(78, 78, 45) | hsl(60, 27%, 24%) | |
| 75 | #454e2d | rgb(69, 78, 45) | hsl(75, 27%, 24%) | |
| 90 | #3d4e2d | rgb(61, 78, 45) | hsl(90, 27%, 24%) | |
| 105 | #354e2d | rgb(53, 78, 45) | hsl(105, 27%, 24%) | |
| 120 | #2d4e2d | rgb(45, 78, 45) | hsl(120, 27%, 24%) | |
| 135 | #2d4e35 | rgb(45, 78, 53) | hsl(135, 27%, 24%) | |
| 150 | #2d4e3d | rgb(45, 78, 61) | hsl(150, 27%, 24%) | |
| 165 | #2d4e45 | rgb(45, 78, 69) | hsl(165, 27%, 24%) | |
| 180 | #2d4e4e | rgb(45, 78, 78) | hsl(180, 27%, 24%) | |
| 195 | #2d454e | rgb(45, 69, 78) | hsl(195, 27%, 24%) | |
| 210 | #2d3d4e | rgb(45, 61, 78) | hsl(210, 27%, 24%) | |
| 225 | #2d354e | rgb(45, 53, 78) | hsl(225, 27%, 24%) | |
| 240 | #2d2d4e | rgb(45, 45, 78) | hsl(240, 27%, 24%) | |
| 247 | #302c4d | rgb(48, 44, 77) | hsl(247, 27%, 24%) | |
| 255 | #352d4e | rgb(53, 45, 78) | hsl(255, 27%, 24%) | |
| 270 | #3d2d4e | rgb(61, 45, 78) | hsl(270, 27%, 24%) | |
| 285 | #452d4e | rgb(69, 45, 78) | hsl(285, 27%, 24%) | |
| 300 | #4e2d4e | rgb(78, 45, 78) | hsl(300, 27%, 24%) | |
| 315 | #4e2d45 | rgb(78, 45, 69) | hsl(315, 27%, 24%) | |
| 330 | #4e2d3d | rgb(78, 45, 61) | hsl(330, 27%, 24%) | |
| 345 | #4e2d35 | rgb(78, 45, 53) | hsl(345, 27%, 24%) | |
| 360 | #4e2d2d | rgb(78, 45, 45) | hsl(0, 27%, 24%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #0e007a | rgb(14, 0, 122) | hsl(247, 100%, 24%) | |
| 95% | #110377 | rgb(17, 3, 119) | hsl(247, 95%, 24%) | |
| 90% | #130674 | rgb(19, 6, 116) | hsl(247, 90%, 24%) | |
| 85% | #150971 | rgb(21, 9, 113) | hsl(247, 85%, 24%) | |
| 80% | #180c6e | rgb(24, 12, 110) | hsl(247, 80%, 24%) | |
| 75% | #1a0f6b | rgb(26, 15, 107) | hsl(247, 75%, 24%) | |
| 70% | #1c1268 | rgb(28, 18, 104) | hsl(247, 70%, 24%) | |
| 65% | #1f1565 | rgb(31, 21, 101) | hsl(247, 65%, 24%) | |
| 60% | #211862 | rgb(33, 24, 98) | hsl(247, 60%, 24%) | |
| 55% | #231c5f | rgb(35, 28, 95) | hsl(247, 55%, 24%) | |
| 50% | #261f5c | rgb(38, 31, 92) | hsl(247, 50%, 24%) | |
| 45% | #282259 | rgb(40, 34, 89) | hsl(247, 45%, 24%) | |
| 40% | #2a2556 | rgb(42, 37, 86) | hsl(247, 40%, 24%) | |
| 35% | #2d2853 | rgb(45, 40, 83) | hsl(247, 35%, 24%) | |
| 30% | #2f2b50 | rgb(47, 43, 80) | hsl(247, 30%, 24%) | |
| 27% | #302c4d | rgb(48, 44, 77) | hsl(247, 27%, 24%) | |
| 25% | #312e4d | rgb(49, 46, 77) | hsl(247, 25%, 24%) | |
| 20% | #343149 | rgb(52, 49, 73) | hsl(247, 20%, 24%) | |
| 15% | #363446 | rgb(54, 52, 70) | hsl(247, 15%, 24%) | |
| 10% | #393743 | rgb(57, 55, 67) | hsl(247, 10%, 24%) | |
| 5% | #3b3a40 | rgb(59, 58, 64) | hsl(247, 5%, 24%) | |
| 0% | #3d3d3d | rgb(61, 61, 61) | hsl(247, 0%, 24%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(247, 27%, 100%) | |
| 95% | #f0eff6 | rgb(240, 239, 246) | hsl(247, 27%, 95%) | |
| 90% | #e0dfec | rgb(224, 223, 236) | hsl(247, 27%, 90%) | |
| 85% | #d1cee3 | rgb(209, 206, 227) | hsl(247, 27%, 85%) | |
| 80% | #c1beda | rgb(193, 190, 218) | hsl(247, 27%, 80%) | |
| 75% | #b2aed0 | rgb(178, 174, 208) | hsl(247, 27%, 75%) | |
| 70% | #a39ec7 | rgb(163, 158, 199) | hsl(247, 27%, 70%) | |
| 65% | #938ebe | rgb(147, 142, 190) | hsl(247, 27%, 65%) | |
| 60% | #847db5 | rgb(132, 125, 181) | hsl(247, 27%, 60%) | |
| 55% | #746dab | rgb(116, 109, 171) | hsl(247, 27%, 55%) | |
| 50% | #655da2 | rgb(101, 93, 162) | hsl(247, 27%, 50%) | |
| 45% | #5b5492 | rgb(91, 84, 146) | hsl(247, 27%, 45%) | |
| 40% | #514a82 | rgb(81, 74, 130) | hsl(247, 27%, 40%) | |
| 35% | #474171 | rgb(71, 65, 113) | hsl(247, 27%, 35%) | |
| 30% | #3d3861 | rgb(61, 56, 97) | hsl(247, 27%, 30%) | |
| 25% | #332f51 | rgb(51, 47, 81) | hsl(247, 27%, 25%) | |
| 24% | #302c4d | rgb(48, 44, 77) | hsl(247, 27%, 24%) | |
| 20% | #282541 | rgb(40, 37, 65) | hsl(247, 27%, 20%) | |
| 15% | #1e1c31 | rgb(30, 28, 49) | hsl(247, 27%, 15%) | |
| 10% | #141320 | rgb(20, 19, 32) | hsl(247, 27%, 10%) | |
| 5% | #0a0910 | rgb(10, 9, 16) | hsl(247, 27%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(247, 27%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 48 | 44 | 77 |
rgb(48, 44, 77)
#302c4d
#302c4d
