HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#2a4b7c
rgb(42, 75, 124)
hsl(216, 49%, 33%)
Lighter / Darker:
100% | #ffffff | |
95% | #ecf1f8 | |
90% | #d9e3f2 | |
85% | #c6d5eb | |
80% | #b3c7e5 | |
75% | #a0b9de | |
70% | #8dabd8 | |
65% | #7a9dd1 | |
60% | #678fcb | |
55% | #5481c4 | |
50% | #4173be | |
45% | #3b68ab | |
40% | #345c98 | |
35% | #2e5185 | |
33% | #2a4b7c | |
30% | #274572 | |
25% | #213a5f | |
20% | #1a2e4c | |
15% | #142339 | |
10% | #0d1726 | |
5% | #070c13 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #7d2b2b | rgb(125, 43, 43) | hsl(0, 49%, 33%) | |
15 | #7d402b | rgb(125, 64, 43) | hsl(15, 49%, 33%) | |
30 | #7d542b | rgb(125, 84, 43) | hsl(30, 49%, 33%) | |
45 | #7d692b | rgb(125, 105, 43) | hsl(45, 49%, 33%) | |
60 | #7d7d2b | rgb(125, 125, 43) | hsl(60, 49%, 33%) | |
75 | #697d2b | rgb(105, 125, 43) | hsl(75, 49%, 33%) | |
90 | #547d2b | rgb(84, 125, 43) | hsl(90, 49%, 33%) | |
105 | #407d2b | rgb(64, 125, 43) | hsl(105, 49%, 33%) | |
120 | #2b7d2b | rgb(43, 125, 43) | hsl(120, 49%, 33%) | |
135 | #2b7d40 | rgb(43, 125, 64) | hsl(135, 49%, 33%) | |
150 | #2b7d54 | rgb(43, 125, 84) | hsl(150, 49%, 33%) | |
165 | #2b7d69 | rgb(43, 125, 105) | hsl(165, 49%, 33%) | |
180 | #2b7d7d | rgb(43, 125, 125) | hsl(180, 49%, 33%) | |
195 | #2b697d | rgb(43, 105, 125) | hsl(195, 49%, 33%) | |
210 | #2b547d | rgb(43, 84, 125) | hsl(210, 49%, 33%) | |
216 | #2a4b7c | rgb(42, 75, 124) | hsl(216, 49%, 33%) | |
225 | #2b407d | rgb(43, 64, 125) | hsl(225, 49%, 33%) | |
240 | #2b2b7d | rgb(43, 43, 125) | hsl(240, 49%, 33%) | |
255 | #402b7d | rgb(64, 43, 125) | hsl(255, 49%, 33%) | |
270 | #542b7d | rgb(84, 43, 125) | hsl(270, 49%, 33%) | |
285 | #692b7d | rgb(105, 43, 125) | hsl(285, 49%, 33%) | |
300 | #7d2b7d | rgb(125, 43, 125) | hsl(300, 49%, 33%) | |
315 | #7d2b69 | rgb(125, 43, 105) | hsl(315, 49%, 33%) | |
330 | #7d2b54 | rgb(125, 43, 84) | hsl(330, 49%, 33%) | |
345 | #7d2b40 | rgb(125, 43, 64) | hsl(345, 49%, 33%) | |
360 | #7d2b2b | rgb(125, 43, 43) | hsl(0, 49%, 33%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0043a8 | rgb(0, 67, 168) | hsl(216, 100%, 33%) | |
95% | #0444a4 | rgb(4, 68, 164) | hsl(216, 95%, 33%) | |
90% | #0845a0 | rgb(8, 69, 160) | hsl(216, 90%, 33%) | |
85% | #0d469c | rgb(13, 70, 156) | hsl(216, 85%, 33%) | |
80% | #114797 | rgb(17, 71, 151) | hsl(216, 80%, 33%) | |
75% | #154893 | rgb(21, 72, 147) | hsl(216, 75%, 33%) | |
70% | #19488f | rgb(25, 72, 143) | hsl(216, 70%, 33%) | |
65% | #1d498b | rgb(29, 73, 139) | hsl(216, 65%, 33%) | |
60% | #224a87 | rgb(34, 74, 135) | hsl(216, 60%, 33%) | |
55% | #264b82 | rgb(38, 75, 130) | hsl(216, 55%, 33%) | |
50% | #2a4c7e | rgb(42, 76, 126) | hsl(216, 50%, 33%) | |
49% | #2a4b7c | rgb(42, 75, 124) | hsl(216, 49%, 33%) | |
45% | #2e4d7a | rgb(46, 77, 122) | hsl(216, 45%, 33%) | |
40% | #324d76 | rgb(50, 77, 118) | hsl(216, 40%, 33%) | |
35% | #374e72 | rgb(55, 78, 114) | hsl(216, 35%, 33%) | |
30% | #3b4f6d | rgb(59, 79, 109) | hsl(216, 30%, 33%) | |
25% | #3f5069 | rgb(63, 80, 105) | hsl(216, 25%, 33%) | |
20% | #435165 | rgb(67, 81, 101) | hsl(216, 20%, 33%) | |
15% | #485261 | rgb(72, 82, 97) | hsl(216, 15%, 33%) | |
10% | #4c525d | rgb(76, 82, 93) | hsl(216, 10%, 33%) | |
5% | #505358 | rgb(80, 83, 88) | hsl(216, 5%, 33%) | |
0% | #545454 | rgb(84, 84, 84) | hsl(216, 0%, 33%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(216, 49%, 100%) | |
95% | #ecf1f8 | rgb(236, 241, 248) | hsl(216, 49%, 95%) | |
90% | #d9e3f2 | rgb(217, 227, 242) | hsl(216, 49%, 90%) | |
85% | #c6d5eb | rgb(198, 213, 235) | hsl(216, 49%, 85%) | |
80% | #b3c7e5 | rgb(179, 199, 229) | hsl(216, 49%, 80%) | |
75% | #a0b9de | rgb(160, 185, 222) | hsl(216, 49%, 75%) | |
70% | #8dabd8 | rgb(141, 171, 216) | hsl(216, 49%, 70%) | |
65% | #7a9dd1 | rgb(122, 157, 209) | hsl(216, 49%, 65%) | |
60% | #678fcb | rgb(103, 143, 203) | hsl(216, 49%, 60%) | |
55% | #5481c4 | rgb(84, 129, 196) | hsl(216, 49%, 55%) | |
50% | #4173be | rgb(65, 115, 190) | hsl(216, 49%, 50%) | |
45% | #3b68ab | rgb(59, 104, 171) | hsl(216, 49%, 45%) | |
40% | #345c98 | rgb(52, 92, 152) | hsl(216, 49%, 40%) | |
35% | #2e5185 | rgb(46, 81, 133) | hsl(216, 49%, 35%) | |
33% | #2a4b7c | rgb(42, 75, 124) | hsl(216, 49%, 33%) | |
30% | #274572 | rgb(39, 69, 114) | hsl(216, 49%, 30%) | |
25% | #213a5f | rgb(33, 58, 95) | hsl(216, 49%, 25%) | |
20% | #1a2e4c | rgb(26, 46, 76) | hsl(216, 49%, 20%) | |
15% | #142339 | rgb(20, 35, 57) | hsl(216, 49%, 15%) | |
10% | #0d1726 | rgb(13, 23, 38) | hsl(216, 49%, 10%) | |
5% | #070c13 | rgb(7, 12, 19) | hsl(216, 49%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(216, 49%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
42 | 75 | 124 |
rgb(42, 75, 124)
#2a4b7c
#2a4b7c