HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#2b5797
rgb(43, 87, 151)
hsl(216, 56%, 38%)
Lighter / Darker:
100% | #ffffff | |
95% | #ebf1f9 | |
90% | #d7e3f4 | |
85% | #c3d4ee | |
80% | #afc6e9 | |
75% | #9cb8e3 | |
70% | #88aadd | |
65% | #749cd8 | |
60% | #608ed2 | |
55% | #4c7fcd | |
50% | #3871c7 | |
45% | #3266b3 | |
40% | #2d5b9f | |
38% | #2b5797 | |
35% | #274f8b | |
30% | #224477 | |
25% | #1c3963 | |
20% | #162d50 | |
15% | #11223c | |
10% | #0b1728 | |
5% | #060b14 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #972b2b | rgb(151, 43, 43) | hsl(0, 56%, 38%) | |
15 | #97462b | rgb(151, 70, 43) | hsl(15, 56%, 38%) | |
30 | #97612b | rgb(151, 97, 43) | hsl(30, 56%, 38%) | |
45 | #977c2b | rgb(151, 124, 43) | hsl(45, 56%, 38%) | |
60 | #97972b | rgb(151, 151, 43) | hsl(60, 56%, 38%) | |
75 | #7c972b | rgb(124, 151, 43) | hsl(75, 56%, 38%) | |
90 | #61972b | rgb(97, 151, 43) | hsl(90, 56%, 38%) | |
105 | #46972b | rgb(70, 151, 43) | hsl(105, 56%, 38%) | |
120 | #2b972b | rgb(43, 151, 43) | hsl(120, 56%, 38%) | |
135 | #2b9746 | rgb(43, 151, 70) | hsl(135, 56%, 38%) | |
150 | #2b9761 | rgb(43, 151, 97) | hsl(150, 56%, 38%) | |
165 | #2b977c | rgb(43, 151, 124) | hsl(165, 56%, 38%) | |
180 | #2b9797 | rgb(43, 151, 151) | hsl(180, 56%, 38%) | |
195 | #2b7c97 | rgb(43, 124, 151) | hsl(195, 56%, 38%) | |
210 | #2b6197 | rgb(43, 97, 151) | hsl(210, 56%, 38%) | |
216 | #2b5797 | rgb(43, 87, 151) | hsl(216, 56%, 38%) | |
225 | #2b4697 | rgb(43, 70, 151) | hsl(225, 56%, 38%) | |
240 | #2b2b97 | rgb(43, 43, 151) | hsl(240, 56%, 38%) | |
255 | #462b97 | rgb(70, 43, 151) | hsl(255, 56%, 38%) | |
270 | #612b97 | rgb(97, 43, 151) | hsl(270, 56%, 38%) | |
285 | #7c2b97 | rgb(124, 43, 151) | hsl(285, 56%, 38%) | |
300 | #972b97 | rgb(151, 43, 151) | hsl(300, 56%, 38%) | |
315 | #972b7c | rgb(151, 43, 124) | hsl(315, 56%, 38%) | |
330 | #972b61 | rgb(151, 43, 97) | hsl(330, 56%, 38%) | |
345 | #972b46 | rgb(151, 43, 70) | hsl(345, 56%, 38%) | |
360 | #972b2b | rgb(151, 43, 43) | hsl(0, 56%, 38%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #004ec2 | rgb(0, 78, 194) | hsl(216, 100%, 38%) | |
95% | #054ebd | rgb(5, 78, 189) | hsl(216, 95%, 38%) | |
90% | #0a4fb8 | rgb(10, 79, 184) | hsl(216, 90%, 38%) | |
85% | #0f50b3 | rgb(15, 80, 179) | hsl(216, 85%, 38%) | |
80% | #1351ae | rgb(19, 81, 174) | hsl(216, 80%, 38%) | |
75% | #1852aa | rgb(24, 82, 170) | hsl(216, 75%, 38%) | |
70% | #1d53a5 | rgb(29, 83, 165) | hsl(216, 70%, 38%) | |
65% | #2254a0 | rgb(34, 84, 160) | hsl(216, 65%, 38%) | |
60% | #27559b | rgb(39, 85, 155) | hsl(216, 60%, 38%) | |
56% | #2b5797 | rgb(43, 87, 151) | hsl(216, 56%, 38%) | |
55% | #2c5696 | rgb(44, 86, 150) | hsl(216, 55%, 38%) | |
50% | #305791 | rgb(48, 87, 145) | hsl(216, 50%, 38%) | |
45% | #35588d | rgb(53, 88, 141) | hsl(216, 45%, 38%) | |
40% | #3a5988 | rgb(58, 89, 136) | hsl(216, 40%, 38%) | |
35% | #3f5a83 | rgb(63, 90, 131) | hsl(216, 35%, 38%) | |
30% | #445b7e | rgb(68, 91, 126) | hsl(216, 30%, 38%) | |
25% | #495c79 | rgb(73, 92, 121) | hsl(216, 25%, 38%) | |
20% | #4e5d74 | rgb(78, 93, 116) | hsl(216, 20%, 38%) | |
15% | #525e6f | rgb(82, 94, 111) | hsl(216, 15%, 38%) | |
10% | #575f6b | rgb(87, 95, 107) | hsl(216, 10%, 38%) | |
5% | #5c6066 | rgb(92, 96, 102) | hsl(216, 5%, 38%) | |
0% | #616161 | rgb(97, 97, 97) | hsl(216, 0%, 38%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(216, 56%, 100%) | |
95% | #ebf1f9 | rgb(235, 241, 249) | hsl(216, 56%, 95%) | |
90% | #d7e3f4 | rgb(215, 227, 244) | hsl(216, 56%, 90%) | |
85% | #c3d4ee | rgb(195, 212, 238) | hsl(216, 56%, 85%) | |
80% | #afc6e9 | rgb(175, 198, 233) | hsl(216, 56%, 80%) | |
75% | #9cb8e3 | rgb(156, 184, 227) | hsl(216, 56%, 75%) | |
70% | #88aadd | rgb(136, 170, 221) | hsl(216, 56%, 70%) | |
65% | #749cd8 | rgb(116, 156, 216) | hsl(216, 56%, 65%) | |
60% | #608ed2 | rgb(96, 142, 210) | hsl(216, 56%, 60%) | |
55% | #4c7fcd | rgb(76, 127, 205) | hsl(216, 56%, 55%) | |
50% | #3871c7 | rgb(56, 113, 199) | hsl(216, 56%, 50%) | |
45% | #3266b3 | rgb(50, 102, 179) | hsl(216, 56%, 45%) | |
40% | #2d5b9f | rgb(45, 91, 159) | hsl(216, 56%, 40%) | |
38% | #2b5797 | rgb(43, 87, 151) | hsl(216, 56%, 38%) | |
35% | #274f8b | rgb(39, 79, 139) | hsl(216, 56%, 35%) | |
30% | #224477 | rgb(34, 68, 119) | hsl(216, 56%, 30%) | |
25% | #1c3963 | rgb(28, 57, 99) | hsl(216, 56%, 25%) | |
20% | #162d50 | rgb(22, 45, 80) | hsl(216, 56%, 20%) | |
15% | #11223c | rgb(17, 34, 60) | hsl(216, 56%, 15%) | |
10% | #0b1728 | rgb(11, 23, 40) | hsl(216, 56%, 10%) | |
5% | #060b14 | rgb(6, 11, 20) | hsl(216, 56%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(216, 56%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
43 | 87 | 151 |
rgb(43, 87, 151)
#2b5797
#2b5797