HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#0f4c81
rgb(15, 76, 129)
hsl(208, 79%, 28%)
Lighter / Darker:
100% | #ffffff | |
95% | #e8f3fc | |
90% | #d1e7fa | |
85% | #bbdbf7 | |
80% | #a4cff4 | |
75% | #8dc3f2 | |
70% | #76b7ef | |
65% | #5faaec | |
60% | #489eea | |
55% | #3292e7 | |
50% | #1b86e4 | |
45% | #1879cd | |
40% | #156bb7 | |
35% | #135ea0 | |
30% | #105189 | |
28% | #0f4c81 | |
25% | #0d4372 | |
20% | #0b365b | |
15% | #082844 | |
10% | #051b2e | |
5% | #030d17 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #800f0f | rgb(128, 15, 15) | hsl(0, 79%, 28%) | |
15 | #802b0f | rgb(128, 43, 15) | hsl(15, 79%, 28%) | |
30 | #80470f | rgb(128, 71, 15) | hsl(30, 79%, 28%) | |
45 | #80640f | rgb(128, 100, 15) | hsl(45, 79%, 28%) | |
60 | #80800f | rgb(128, 128, 15) | hsl(60, 79%, 28%) | |
75 | #64800f | rgb(100, 128, 15) | hsl(75, 79%, 28%) | |
90 | #47800f | rgb(71, 128, 15) | hsl(90, 79%, 28%) | |
105 | #2b800f | rgb(43, 128, 15) | hsl(105, 79%, 28%) | |
120 | #0f800f | rgb(15, 128, 15) | hsl(120, 79%, 28%) | |
135 | #0f802b | rgb(15, 128, 43) | hsl(135, 79%, 28%) | |
150 | #0f8047 | rgb(15, 128, 71) | hsl(150, 79%, 28%) | |
165 | #0f8064 | rgb(15, 128, 100) | hsl(165, 79%, 28%) | |
180 | #0f8080 | rgb(15, 128, 128) | hsl(180, 79%, 28%) | |
195 | #0f6480 | rgb(15, 100, 128) | hsl(195, 79%, 28%) | |
208 | #0f4c81 | rgb(15, 76, 129) | hsl(208, 79%, 28%) | |
210 | #0f4780 | rgb(15, 71, 128) | hsl(210, 79%, 28%) | |
225 | #0f2b80 | rgb(15, 43, 128) | hsl(225, 79%, 28%) | |
240 | #0f0f80 | rgb(15, 15, 128) | hsl(240, 79%, 28%) | |
255 | #2b0f80 | rgb(43, 15, 128) | hsl(255, 79%, 28%) | |
270 | #470f80 | rgb(71, 15, 128) | hsl(270, 79%, 28%) | |
285 | #640f80 | rgb(100, 15, 128) | hsl(285, 79%, 28%) | |
300 | #800f80 | rgb(128, 15, 128) | hsl(300, 79%, 28%) | |
315 | #800f64 | rgb(128, 15, 100) | hsl(315, 79%, 28%) | |
330 | #800f47 | rgb(128, 15, 71) | hsl(330, 79%, 28%) | |
345 | #800f2b | rgb(128, 15, 43) | hsl(345, 79%, 28%) | |
360 | #800f0f | rgb(128, 15, 15) | hsl(0, 79%, 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%) | |
79% | #0f4c81 | rgb(15, 76, 129) | hsl(208, 79%, 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%) | |
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, 79%, 100%) | |
95% | #e8f3fc | rgb(232, 243, 252) | hsl(208, 79%, 95%) | |
90% | #d1e7fa | rgb(209, 231, 250) | hsl(208, 79%, 90%) | |
85% | #bbdbf7 | rgb(187, 219, 247) | hsl(208, 79%, 85%) | |
80% | #a4cff4 | rgb(164, 207, 244) | hsl(208, 79%, 80%) | |
75% | #8dc3f2 | rgb(141, 195, 242) | hsl(208, 79%, 75%) | |
70% | #76b7ef | rgb(118, 183, 239) | hsl(208, 79%, 70%) | |
65% | #5faaec | rgb(95, 170, 236) | hsl(208, 79%, 65%) | |
60% | #489eea | rgb(72, 158, 234) | hsl(208, 79%, 60%) | |
55% | #3292e7 | rgb(50, 146, 231) | hsl(208, 79%, 55%) | |
50% | #1b86e4 | rgb(27, 134, 228) | hsl(208, 79%, 50%) | |
45% | #1879cd | rgb(24, 121, 205) | hsl(208, 79%, 45%) | |
40% | #156bb7 | rgb(21, 107, 183) | hsl(208, 79%, 40%) | |
35% | #135ea0 | rgb(19, 94, 160) | hsl(208, 79%, 35%) | |
30% | #105189 | rgb(16, 81, 137) | hsl(208, 79%, 30%) | |
28% | #0f4c81 | rgb(15, 76, 129) | hsl(208, 79%, 28%) | |
25% | #0d4372 | rgb(13, 67, 114) | hsl(208, 79%, 25%) | |
20% | #0b365b | rgb(11, 54, 91) | hsl(208, 79%, 20%) | |
15% | #082844 | rgb(8, 40, 68) | hsl(208, 79%, 15%) | |
10% | #051b2e | rgb(5, 27, 46) | hsl(208, 79%, 10%) | |
5% | #030d17 | rgb(3, 13, 23) | hsl(208, 79%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(208, 79%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
15 | 76 | 129 |
rgb(15, 76, 129)
#0f4c81
#0f4c81