HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#2d89ef
rgb(45, 137, 239)
hsl(212, 86%, 56%)
Lighter / Darker:
100% | #ffffff | |
95% | #e7f2fd | |
90% | #d0e4fb | |
85% | #b8d7fa | |
80% | #a0c9f8 | |
75% | #88bcf6 | |
70% | #71aef4 | |
65% | #59a1f3 | |
60% | #4193f1 | |
56% | #2d89ef | |
55% | #2a86ef | |
50% | #1278ed | |
45% | #106cd5 | |
40% | #0e60be | |
35% | #0c54a6 | |
30% | #0b488e | |
25% | #093c77 | |
20% | #07305f | |
15% | #052447 | |
10% | #04182f | |
5% | #020c18 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ef2e2e | rgb(239, 46, 46) | hsl(0, 86%, 56%) | |
15 | #ef5f2e | rgb(239, 95, 46) | hsl(15, 86%, 56%) | |
30 | #ef8f2e | rgb(239, 143, 46) | hsl(30, 86%, 56%) | |
45 | #efbf2e | rgb(239, 191, 46) | hsl(45, 86%, 56%) | |
60 | #efef2e | rgb(239, 239, 46) | hsl(60, 86%, 56%) | |
75 | #bfef2e | rgb(191, 239, 46) | hsl(75, 86%, 56%) | |
90 | #8fef2e | rgb(143, 239, 46) | hsl(90, 86%, 56%) | |
105 | #5fef2e | rgb(95, 239, 46) | hsl(105, 86%, 56%) | |
120 | #2eef2e | rgb(46, 239, 46) | hsl(120, 86%, 56%) | |
135 | #2eef5f | rgb(46, 239, 95) | hsl(135, 86%, 56%) | |
150 | #2eef8f | rgb(46, 239, 143) | hsl(150, 86%, 56%) | |
165 | #2eefbf | rgb(46, 239, 191) | hsl(165, 86%, 56%) | |
180 | #2eefef | rgb(46, 239, 239) | hsl(180, 86%, 56%) | |
195 | #2ebfef | rgb(46, 191, 239) | hsl(195, 86%, 56%) | |
210 | #2e8fef | rgb(46, 143, 239) | hsl(210, 86%, 56%) | |
212 | #2d89ef | rgb(45, 137, 239) | hsl(212, 86%, 56%) | |
225 | #2e5fef | rgb(46, 95, 239) | hsl(225, 86%, 56%) | |
240 | #2e2eef | rgb(46, 46, 239) | hsl(240, 86%, 56%) | |
255 | #5f2eef | rgb(95, 46, 239) | hsl(255, 86%, 56%) | |
270 | #8f2eef | rgb(143, 46, 239) | hsl(270, 86%, 56%) | |
285 | #bf2eef | rgb(191, 46, 239) | hsl(285, 86%, 56%) | |
300 | #ef2eef | rgb(239, 46, 239) | hsl(300, 86%, 56%) | |
315 | #ef2ebf | rgb(239, 46, 191) | hsl(315, 86%, 56%) | |
330 | #ef2e8f | rgb(239, 46, 143) | hsl(330, 86%, 56%) | |
345 | #ef2e5f | rgb(239, 46, 95) | hsl(345, 86%, 56%) | |
360 | #ef2e2e | rgb(239, 46, 46) | hsl(0, 86%, 56%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #1f87ff | rgb(31, 135, 255) | hsl(212, 100%, 56%) | |
95% | #2488f9 | rgb(36, 136, 249) | hsl(212, 95%, 56%) | |
90% | #2a88f4 | rgb(42, 136, 244) | hsl(212, 90%, 56%) | |
86% | #2d89ef | rgb(45, 137, 239) | hsl(212, 86%, 56%) | |
85% | #2f88ee | rgb(47, 136, 238) | hsl(212, 85%, 56%) | |
80% | #3589e9 | rgb(53, 137, 233) | hsl(212, 80%, 56%) | |
75% | #3b89e3 | rgb(59, 137, 227) | hsl(212, 75%, 56%) | |
70% | #408add | rgb(64, 138, 221) | hsl(212, 70%, 56%) | |
65% | #468ad8 | rgb(70, 138, 216) | hsl(212, 65%, 56%) | |
60% | #4b8ad2 | rgb(75, 138, 210) | hsl(212, 60%, 56%) | |
55% | #518bcd | rgb(81, 139, 205) | hsl(212, 55%, 56%) | |
50% | #578bc7 | rgb(87, 139, 199) | hsl(212, 50%, 56%) | |
45% | #5c8bc1 | rgb(92, 139, 193) | hsl(212, 45%, 56%) | |
40% | #628cbc | rgb(98, 140, 188) | hsl(212, 40%, 56%) | |
35% | #688cb6 | rgb(104, 140, 182) | hsl(212, 35%, 56%) | |
30% | #6d8db0 | rgb(109, 141, 176) | hsl(212, 30%, 56%) | |
25% | #738dab | rgb(115, 141, 171) | hsl(212, 25%, 56%) | |
20% | #788da5 | rgb(120, 141, 165) | hsl(212, 20%, 56%) | |
15% | #7e8ea0 | rgb(126, 142, 160) | hsl(212, 15%, 56%) | |
10% | #848e9a | rgb(132, 142, 154) | hsl(212, 10%, 56%) | |
5% | #898e94 | rgb(137, 142, 148) | hsl(212, 5%, 56%) | |
0% | #8f8f8f | rgb(143, 143, 143) | hsl(212, 0%, 56%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(212, 86%, 100%) | |
95% | #e7f2fd | rgb(231, 242, 253) | hsl(212, 86%, 95%) | |
90% | #d0e4fb | rgb(208, 228, 251) | hsl(212, 86%, 90%) | |
85% | #b8d7fa | rgb(184, 215, 250) | hsl(212, 86%, 85%) | |
80% | #a0c9f8 | rgb(160, 201, 248) | hsl(212, 86%, 80%) | |
75% | #88bcf6 | rgb(136, 188, 246) | hsl(212, 86%, 75%) | |
70% | #71aef4 | rgb(113, 174, 244) | hsl(212, 86%, 70%) | |
65% | #59a1f3 | rgb(89, 161, 243) | hsl(212, 86%, 65%) | |
60% | #4193f1 | rgb(65, 147, 241) | hsl(212, 86%, 60%) | |
56% | #2d89ef | rgb(45, 137, 239) | hsl(212, 86%, 56%) | |
55% | #2a86ef | rgb(42, 134, 239) | hsl(212, 86%, 55%) | |
50% | #1278ed | rgb(18, 120, 237) | hsl(212, 86%, 50%) | |
45% | #106cd5 | rgb(16, 108, 213) | hsl(212, 86%, 45%) | |
40% | #0e60be | rgb(14, 96, 190) | hsl(212, 86%, 40%) | |
35% | #0c54a6 | rgb(12, 84, 166) | hsl(212, 86%, 35%) | |
30% | #0b488e | rgb(11, 72, 142) | hsl(212, 86%, 30%) | |
25% | #093c77 | rgb(9, 60, 119) | hsl(212, 86%, 25%) | |
20% | #07305f | rgb(7, 48, 95) | hsl(212, 86%, 20%) | |
15% | #052447 | rgb(5, 36, 71) | hsl(212, 86%, 15%) | |
10% | #04182f | rgb(4, 24, 47) | hsl(212, 86%, 10%) | |
5% | #020c18 | rgb(2, 12, 24) | hsl(212, 86%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(212, 86%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
45 | 137 | 239 |
rgb(45, 137, 239)
#2d89ef
#2d89ef