HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#034f84
rgb(3, 79, 132)
hsl(205, 96%, 26%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #e6f4fe | |
| 90% | #cdeafe | |
| 85% | #b4dffd | |
| 80% | #9bd4fd | |
| 75% | #82c9fc | |
| 70% | #69bffc | |
| 65% | #50b4fb | |
| 60% | #37a9fb | |
| 55% | #1e9ffa | |
| 50% | #0594fa | |
| 45% | #0585e1 | |
| 40% | #0476c8 | |
| 35% | #0468af | |
| 30% | #035996 | |
| 26% | #034f84 | |
| 25% | #034a7d | |
| 20% | #023b64 | |
| 15% | #022c4b | |
| 10% | #011e32 | |
| 5% | #010f19 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #820303 | rgb(130, 3, 3) | hsl(0, 96%, 26%) | |
| 15 | #822203 | rgb(130, 34, 3) | hsl(15, 96%, 26%) | |
| 30 | #824203 | rgb(130, 66, 3) | hsl(30, 96%, 26%) | |
| 45 | #826203 | rgb(130, 98, 3) | hsl(45, 96%, 26%) | |
| 60 | #828203 | rgb(130, 130, 3) | hsl(60, 96%, 26%) | |
| 75 | #628203 | rgb(98, 130, 3) | hsl(75, 96%, 26%) | |
| 90 | #428203 | rgb(66, 130, 3) | hsl(90, 96%, 26%) | |
| 105 | #228203 | rgb(34, 130, 3) | hsl(105, 96%, 26%) | |
| 120 | #038203 | rgb(3, 130, 3) | hsl(120, 96%, 26%) | |
| 135 | #038222 | rgb(3, 130, 34) | hsl(135, 96%, 26%) | |
| 150 | #038242 | rgb(3, 130, 66) | hsl(150, 96%, 26%) | |
| 165 | #038262 | rgb(3, 130, 98) | hsl(165, 96%, 26%) | |
| 180 | #038282 | rgb(3, 130, 130) | hsl(180, 96%, 26%) | |
| 195 | #036282 | rgb(3, 98, 130) | hsl(195, 96%, 26%) | |
| 205 | #034f84 | rgb(3, 79, 132) | hsl(205, 96%, 26%) | |
| 210 | #034282 | rgb(3, 66, 130) | hsl(210, 96%, 26%) | |
| 225 | #032282 | rgb(3, 34, 130) | hsl(225, 96%, 26%) | |
| 240 | #030382 | rgb(3, 3, 130) | hsl(240, 96%, 26%) | |
| 255 | #220382 | rgb(34, 3, 130) | hsl(255, 96%, 26%) | |
| 270 | #420382 | rgb(66, 3, 130) | hsl(270, 96%, 26%) | |
| 285 | #620382 | rgb(98, 3, 130) | hsl(285, 96%, 26%) | |
| 300 | #820382 | rgb(130, 3, 130) | hsl(300, 96%, 26%) | |
| 315 | #820362 | rgb(130, 3, 98) | hsl(315, 96%, 26%) | |
| 330 | #820342 | rgb(130, 3, 66) | hsl(330, 96%, 26%) | |
| 345 | #820322 | rgb(130, 3, 34) | hsl(345, 96%, 26%) | |
| 360 | #820303 | rgb(130, 3, 3) | hsl(0, 96%, 26%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #004d85 | rgb(0, 77, 133) | hsl(205, 100%, 26%) | |
| 96% | #034f84 | rgb(3, 79, 132) | hsl(205, 96%, 26%) | |
| 95% | #034d81 | rgb(3, 77, 129) | hsl(205, 95%, 26%) | |
| 90% | #074c7e | rgb(7, 76, 126) | hsl(205, 90%, 26%) | |
| 85% | #0a4c7b | rgb(10, 76, 123) | hsl(205, 85%, 26%) | |
| 80% | #0d4b77 | rgb(13, 75, 119) | hsl(205, 80%, 26%) | |
| 75% | #114b74 | rgb(17, 75, 116) | hsl(205, 75%, 26%) | |
| 70% | #144a71 | rgb(20, 74, 113) | hsl(205, 70%, 26%) | |
| 65% | #17496d | rgb(23, 73, 109) | hsl(205, 65%, 26%) | |
| 60% | #1b496a | rgb(27, 73, 106) | hsl(205, 60%, 26%) | |
| 55% | #1e4867 | rgb(30, 72, 103) | hsl(205, 55%, 26%) | |
| 50% | #214863 | rgb(33, 72, 99) | hsl(205, 50%, 26%) | |
| 45% | #244760 | rgb(36, 71, 96) | hsl(205, 45%, 26%) | |
| 40% | #28475d | rgb(40, 71, 93) | hsl(205, 40%, 26%) | |
| 35% | #2b465a | rgb(43, 70, 90) | hsl(205, 35%, 26%) | |
| 30% | #2e4656 | rgb(46, 70, 86) | hsl(205, 30%, 26%) | |
| 25% | #324553 | rgb(50, 69, 83) | hsl(205, 25%, 26%) | |
| 20% | #354550 | rgb(53, 69, 80) | hsl(205, 20%, 26%) | |
| 15% | #38444c | rgb(56, 68, 76) | hsl(205, 15%, 26%) | |
| 10% | #3c4349 | rgb(60, 67, 73) | hsl(205, 10%, 26%) | |
| 5% | #3f4346 | rgb(63, 67, 70) | hsl(205, 5%, 26%) | |
| 0% | #424242 | rgb(66, 66, 66) | hsl(205, 0%, 26%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(205, 96%, 100%) | |
| 95% | #e6f4fe | rgb(230, 244, 254) | hsl(205, 96%, 95%) | |
| 90% | #cdeafe | rgb(205, 234, 254) | hsl(205, 96%, 90%) | |
| 85% | #b4dffd | rgb(180, 223, 253) | hsl(205, 96%, 85%) | |
| 80% | #9bd4fd | rgb(155, 212, 253) | hsl(205, 96%, 80%) | |
| 75% | #82c9fc | rgb(130, 201, 252) | hsl(205, 96%, 75%) | |
| 70% | #69bffc | rgb(105, 191, 252) | hsl(205, 96%, 70%) | |
| 65% | #50b4fb | rgb(80, 180, 251) | hsl(205, 96%, 65%) | |
| 60% | #37a9fb | rgb(55, 169, 251) | hsl(205, 96%, 60%) | |
| 55% | #1e9ffa | rgb(30, 159, 250) | hsl(205, 96%, 55%) | |
| 50% | #0594fa | rgb(5, 148, 250) | hsl(205, 96%, 50%) | |
| 45% | #0585e1 | rgb(5, 133, 225) | hsl(205, 96%, 45%) | |
| 40% | #0476c8 | rgb(4, 118, 200) | hsl(205, 96%, 40%) | |
| 35% | #0468af | rgb(4, 104, 175) | hsl(205, 96%, 35%) | |
| 30% | #035996 | rgb(3, 89, 150) | hsl(205, 96%, 30%) | |
| 26% | #034f84 | rgb(3, 79, 132) | hsl(205, 96%, 26%) | |
| 25% | #034a7d | rgb(3, 74, 125) | hsl(205, 96%, 25%) | |
| 20% | #023b64 | rgb(2, 59, 100) | hsl(205, 96%, 20%) | |
| 15% | #022c4b | rgb(2, 44, 75) | hsl(205, 96%, 15%) | |
| 10% | #011e32 | rgb(1, 30, 50) | hsl(205, 96%, 10%) | |
| 5% | #010f19 | rgb(1, 15, 25) | hsl(205, 96%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(205, 96%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 3 | 79 | 132 |
rgb(3, 79, 132)
#034f84
#034f84
