HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#98b4d4
rgb(152, 180, 212)
hsl(212, 41%, 71%)
Lighter / Darker:
100% | #ffffff | |
95% | #edf2f7 | |
90% | #dbe5f0 | |
85% | #c9d8e8 | |
80% | #b7cbe1 | |
75% | #a5bed9 | |
71% | #98b4d4 | |
70% | #93b0d2 | |
65% | #81a3ca | |
60% | #6f96c3 | |
55% | #5d89bb | |
50% | #4b7cb4 | |
45% | #4470a2 | |
40% | #3c6390 | |
35% | #35577e | |
30% | #2d4a6c | |
25% | #263e5a | |
20% | #1e3248 | |
15% | #172536 | |
10% | #0f1924 | |
5% | #080c12 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d39797 | rgb(211, 151, 151) | hsl(0, 41%, 71%) | |
15 | #d3a697 | rgb(211, 166, 151) | hsl(15, 41%, 71%) | |
30 | #d3b597 | rgb(211, 181, 151) | hsl(30, 41%, 71%) | |
45 | #d3c497 | rgb(211, 196, 151) | hsl(45, 41%, 71%) | |
60 | #d3d397 | rgb(211, 211, 151) | hsl(60, 41%, 71%) | |
75 | #c4d397 | rgb(196, 211, 151) | hsl(75, 41%, 71%) | |
90 | #b5d397 | rgb(181, 211, 151) | hsl(90, 41%, 71%) | |
105 | #a6d397 | rgb(166, 211, 151) | hsl(105, 41%, 71%) | |
120 | #97d397 | rgb(151, 211, 151) | hsl(120, 41%, 71%) | |
135 | #97d3a6 | rgb(151, 211, 166) | hsl(135, 41%, 71%) | |
150 | #97d3b5 | rgb(151, 211, 181) | hsl(150, 41%, 71%) | |
165 | #97d3c4 | rgb(151, 211, 196) | hsl(165, 41%, 71%) | |
180 | #97d3d3 | rgb(151, 211, 211) | hsl(180, 41%, 71%) | |
195 | #97c4d3 | rgb(151, 196, 211) | hsl(195, 41%, 71%) | |
210 | #97b5d3 | rgb(151, 181, 211) | hsl(210, 41%, 71%) | |
212 | #98b4d4 | rgb(152, 180, 212) | hsl(212, 41%, 71%) | |
225 | #97a6d3 | rgb(151, 166, 211) | hsl(225, 41%, 71%) | |
240 | #9797d3 | rgb(151, 151, 211) | hsl(240, 41%, 71%) | |
255 | #a697d3 | rgb(166, 151, 211) | hsl(255, 41%, 71%) | |
270 | #b597d3 | rgb(181, 151, 211) | hsl(270, 41%, 71%) | |
285 | #c497d3 | rgb(196, 151, 211) | hsl(285, 41%, 71%) | |
300 | #d397d3 | rgb(211, 151, 211) | hsl(300, 41%, 71%) | |
315 | #d397c4 | rgb(211, 151, 196) | hsl(315, 41%, 71%) | |
330 | #d397b5 | rgb(211, 151, 181) | hsl(330, 41%, 71%) | |
345 | #d397a6 | rgb(211, 151, 166) | hsl(345, 41%, 71%) | |
360 | #d39797 | rgb(211, 151, 151) | hsl(0, 41%, 71%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #6bb0ff | rgb(107, 176, 255) | hsl(212, 100%, 71%) | |
95% | #6fb0fb | rgb(111, 176, 251) | hsl(212, 95%, 71%) | |
90% | #72b1f8 | rgb(114, 177, 248) | hsl(212, 90%, 71%) | |
85% | #76b1f4 | rgb(118, 177, 244) | hsl(212, 85%, 71%) | |
80% | #7ab1f0 | rgb(122, 177, 240) | hsl(212, 80%, 71%) | |
75% | #7eb1ed | rgb(126, 177, 237) | hsl(212, 75%, 71%) | |
70% | #81b2e9 | rgb(129, 178, 233) | hsl(212, 70%, 71%) | |
65% | #85b2e5 | rgb(133, 178, 229) | hsl(212, 65%, 71%) | |
60% | #89b2e1 | rgb(137, 178, 225) | hsl(212, 60%, 71%) | |
55% | #8cb2de | rgb(140, 178, 222) | hsl(212, 55%, 71%) | |
50% | #90b3da | rgb(144, 179, 218) | hsl(212, 50%, 71%) | |
45% | #94b3d6 | rgb(148, 179, 214) | hsl(212, 45%, 71%) | |
41% | #98b4d4 | rgb(152, 180, 212) | hsl(212, 41%, 71%) | |
40% | #97b3d3 | rgb(151, 179, 211) | hsl(212, 40%, 71%) | |
35% | #9bb3cf | rgb(155, 179, 207) | hsl(212, 35%, 71%) | |
30% | #9fb4cb | rgb(159, 180, 203) | hsl(212, 30%, 71%) | |
25% | #a3b4c8 | rgb(163, 180, 200) | hsl(212, 25%, 71%) | |
20% | #a6b4c4 | rgb(166, 180, 196) | hsl(212, 20%, 71%) | |
15% | #aab4c0 | rgb(170, 180, 192) | hsl(212, 15%, 71%) | |
10% | #aeb5bc | rgb(174, 181, 188) | hsl(212, 10%, 71%) | |
5% | #b1b5b9 | rgb(177, 181, 185) | hsl(212, 5%, 71%) | |
0% | #b5b5b5 | rgb(181, 181, 181) | hsl(212, 0%, 71%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(212, 41%, 100%) | |
95% | #edf2f7 | rgb(237, 242, 247) | hsl(212, 41%, 95%) | |
90% | #dbe5f0 | rgb(219, 229, 240) | hsl(212, 41%, 90%) | |
85% | #c9d8e8 | rgb(201, 216, 232) | hsl(212, 41%, 85%) | |
80% | #b7cbe1 | rgb(183, 203, 225) | hsl(212, 41%, 80%) | |
75% | #a5bed9 | rgb(165, 190, 217) | hsl(212, 41%, 75%) | |
71% | #98b4d4 | rgb(152, 180, 212) | hsl(212, 41%, 71%) | |
70% | #93b0d2 | rgb(147, 176, 210) | hsl(212, 41%, 70%) | |
65% | #81a3ca | rgb(129, 163, 202) | hsl(212, 41%, 65%) | |
60% | #6f96c3 | rgb(111, 150, 195) | hsl(212, 41%, 60%) | |
55% | #5d89bb | rgb(93, 137, 187) | hsl(212, 41%, 55%) | |
50% | #4b7cb4 | rgb(75, 124, 180) | hsl(212, 41%, 50%) | |
45% | #4470a2 | rgb(68, 112, 162) | hsl(212, 41%, 45%) | |
40% | #3c6390 | rgb(60, 99, 144) | hsl(212, 41%, 40%) | |
35% | #35577e | rgb(53, 87, 126) | hsl(212, 41%, 35%) | |
30% | #2d4a6c | rgb(45, 74, 108) | hsl(212, 41%, 30%) | |
25% | #263e5a | rgb(38, 62, 90) | hsl(212, 41%, 25%) | |
20% | #1e3248 | rgb(30, 50, 72) | hsl(212, 41%, 20%) | |
15% | #172536 | rgb(23, 37, 54) | hsl(212, 41%, 15%) | |
10% | #0f1924 | rgb(15, 25, 36) | hsl(212, 41%, 10%) | |
5% | #080c12 | rgb(8, 12, 18) | hsl(212, 41%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(212, 41%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
152 | 180 | 212 |
rgb(152, 180, 212)
#98b4d4
#98b4d4