HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#2e4a62
rgb(46, 74, 98)
hsl(208, 36%, 28%)
Lighter / Darker:
100% | #ffffff | |
95% | #eef3f7 | |
90% | #dce6ef | |
85% | #cbdae7 | |
80% | #bacdde | |
75% | #a8c1d6 | |
70% | #97b4ce | |
65% | #86a8c6 | |
60% | #749bbe | |
55% | #638fb6 | |
50% | #5283ad | |
45% | #49769c | |
40% | #41688b | |
35% | #395b79 | |
30% | #314e68 | |
28% | #2e4a62 | |
25% | #294157 | |
20% | #213445 | |
15% | #182734 | |
10% | #101a23 | |
5% | #080d11 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #612e2e | rgb(97, 46, 46) | hsl(0, 36%, 28%) | |
15 | #613b2e | rgb(97, 59, 46) | hsl(15, 36%, 28%) | |
30 | #61472e | rgb(97, 71, 46) | hsl(30, 36%, 28%) | |
45 | #61542e | rgb(97, 84, 46) | hsl(45, 36%, 28%) | |
60 | #61612e | rgb(97, 97, 46) | hsl(60, 36%, 28%) | |
75 | #54612e | rgb(84, 97, 46) | hsl(75, 36%, 28%) | |
90 | #47612e | rgb(71, 97, 46) | hsl(90, 36%, 28%) | |
105 | #3b612e | rgb(59, 97, 46) | hsl(105, 36%, 28%) | |
120 | #2e612e | rgb(46, 97, 46) | hsl(120, 36%, 28%) | |
135 | #2e613b | rgb(46, 97, 59) | hsl(135, 36%, 28%) | |
150 | #2e6147 | rgb(46, 97, 71) | hsl(150, 36%, 28%) | |
165 | #2e6154 | rgb(46, 97, 84) | hsl(165, 36%, 28%) | |
180 | #2e6161 | rgb(46, 97, 97) | hsl(180, 36%, 28%) | |
195 | #2e5461 | rgb(46, 84, 97) | hsl(195, 36%, 28%) | |
208 | #2e4a62 | rgb(46, 74, 98) | hsl(208, 36%, 28%) | |
210 | #2e4761 | rgb(46, 71, 97) | hsl(210, 36%, 28%) | |
225 | #2e3b61 | rgb(46, 59, 97) | hsl(225, 36%, 28%) | |
240 | #2e2e61 | rgb(46, 46, 97) | hsl(240, 36%, 28%) | |
255 | #3b2e61 | rgb(59, 46, 97) | hsl(255, 36%, 28%) | |
270 | #472e61 | rgb(71, 46, 97) | hsl(270, 36%, 28%) | |
285 | #542e61 | rgb(84, 46, 97) | hsl(285, 36%, 28%) | |
300 | #612e61 | rgb(97, 46, 97) | hsl(300, 36%, 28%) | |
315 | #612e54 | rgb(97, 46, 84) | hsl(315, 36%, 28%) | |
330 | #612e47 | rgb(97, 46, 71) | hsl(330, 36%, 28%) | |
345 | #612e3b | rgb(97, 46, 59) | hsl(345, 36%, 28%) | |
360 | #612e2e | rgb(97, 46, 46) | hsl(0, 36%, 28%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #004c8f | rgb(0, 76, 143) | hsl(208, 100%, 28%) | |
95% | #044c8b | rgb(4, 76, 139) | hsl(208, 95%, 28%) | |
90% | #074c88 | rgb(7, 76, 136) | hsl(208, 90%, 28%) | |
85% | #0b4b84 | rgb(11, 75, 132) | hsl(208, 85%, 28%) | |
80% | #0e4b81 | rgb(14, 75, 129) | hsl(208, 80%, 28%) | |
75% | #124b7d | rgb(18, 75, 125) | hsl(208, 75%, 28%) | |
70% | #154b79 | rgb(21, 75, 121) | hsl(208, 70%, 28%) | |
65% | #194a76 | rgb(25, 74, 118) | hsl(208, 65%, 28%) | |
60% | #1d4a72 | rgb(29, 74, 114) | hsl(208, 60%, 28%) | |
55% | #204a6f | rgb(32, 74, 111) | hsl(208, 55%, 28%) | |
50% | #244a6b | rgb(36, 74, 107) | hsl(208, 50%, 28%) | |
45% | #274a68 | rgb(39, 74, 104) | hsl(208, 45%, 28%) | |
40% | #2b4964 | rgb(43, 73, 100) | hsl(208, 40%, 28%) | |
36% | #2e4a62 | rgb(46, 74, 98) | hsl(208, 36%, 28%) | |
35% | #2e4960 | rgb(46, 73, 96) | hsl(208, 35%, 28%) | |
30% | #32495d | rgb(50, 73, 93) | hsl(208, 30%, 28%) | |
25% | #364959 | rgb(54, 73, 89) | hsl(208, 25%, 28%) | |
20% | #394856 | rgb(57, 72, 86) | hsl(208, 20%, 28%) | |
15% | #3d4852 | rgb(61, 72, 82) | hsl(208, 15%, 28%) | |
10% | #40484f | rgb(64, 72, 79) | hsl(208, 10%, 28%) | |
5% | #44484b | rgb(68, 72, 75) | hsl(208, 5%, 28%) | |
0% | #474747 | rgb(71, 71, 71) | hsl(208, 0%, 28%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(208, 36%, 100%) | |
95% | #eef3f7 | rgb(238, 243, 247) | hsl(208, 36%, 95%) | |
90% | #dce6ef | rgb(220, 230, 239) | hsl(208, 36%, 90%) | |
85% | #cbdae7 | rgb(203, 218, 231) | hsl(208, 36%, 85%) | |
80% | #bacdde | rgb(186, 205, 222) | hsl(208, 36%, 80%) | |
75% | #a8c1d6 | rgb(168, 193, 214) | hsl(208, 36%, 75%) | |
70% | #97b4ce | rgb(151, 180, 206) | hsl(208, 36%, 70%) | |
65% | #86a8c6 | rgb(134, 168, 198) | hsl(208, 36%, 65%) | |
60% | #749bbe | rgb(116, 155, 190) | hsl(208, 36%, 60%) | |
55% | #638fb6 | rgb(99, 143, 182) | hsl(208, 36%, 55%) | |
50% | #5283ad | rgb(82, 131, 173) | hsl(208, 36%, 50%) | |
45% | #49769c | rgb(73, 118, 156) | hsl(208, 36%, 45%) | |
40% | #41688b | rgb(65, 104, 139) | hsl(208, 36%, 40%) | |
35% | #395b79 | rgb(57, 91, 121) | hsl(208, 36%, 35%) | |
30% | #314e68 | rgb(49, 78, 104) | hsl(208, 36%, 30%) | |
28% | #2e4a62 | rgb(46, 74, 98) | hsl(208, 36%, 28%) | |
25% | #294157 | rgb(41, 65, 87) | hsl(208, 36%, 25%) | |
20% | #213445 | rgb(33, 52, 69) | hsl(208, 36%, 20%) | |
15% | #182734 | rgb(24, 39, 52) | hsl(208, 36%, 15%) | |
10% | #101a23 | rgb(16, 26, 35) | hsl(208, 36%, 10%) | |
5% | #080d11 | rgb(8, 13, 17) | hsl(208, 36%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(208, 36%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
46 | 74 | 98 |
rgb(46, 74, 98)
#2e4a62
#2e4a62