HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9bb7d4
rgb(155, 183, 212)
hsl(211, 40%, 72%)
Lighter / Darker:
100% | #ffffff | |
95% | #edf2f7 | |
90% | #dbe5f0 | |
85% | #c9d8e8 | |
80% | #b8cbe0 | |
75% | #a6bed9 | |
72% | #9bb7d4 | |
70% | #94b1d1 | |
65% | #82a5c9 | |
60% | #7098c2 | |
55% | #5e8bba | |
50% | #4d7eb3 | |
45% | #4571a1 | |
40% | #3d658f | |
35% | #36587d | |
30% | #2e4b6b | |
25% | #263f59 | |
20% | #1f3247 | |
15% | #172636 | |
10% | #0f1924 | |
5% | #080d12 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d49b9b | rgb(212, 155, 155) | hsl(0, 40%, 72%) | |
15 | #d4a99b | rgb(212, 169, 155) | hsl(15, 40%, 72%) | |
30 | #d4b89b | rgb(212, 184, 155) | hsl(30, 40%, 72%) | |
45 | #d4c69b | rgb(212, 198, 155) | hsl(45, 40%, 72%) | |
60 | #d4d49b | rgb(212, 212, 155) | hsl(60, 40%, 72%) | |
75 | #c6d49b | rgb(198, 212, 155) | hsl(75, 40%, 72%) | |
90 | #b8d49b | rgb(184, 212, 155) | hsl(90, 40%, 72%) | |
105 | #a9d49b | rgb(169, 212, 155) | hsl(105, 40%, 72%) | |
120 | #9bd49b | rgb(155, 212, 155) | hsl(120, 40%, 72%) | |
135 | #9bd4a9 | rgb(155, 212, 169) | hsl(135, 40%, 72%) | |
150 | #9bd4b8 | rgb(155, 212, 184) | hsl(150, 40%, 72%) | |
165 | #9bd4c6 | rgb(155, 212, 198) | hsl(165, 40%, 72%) | |
180 | #9bd4d4 | rgb(155, 212, 212) | hsl(180, 40%, 72%) | |
195 | #9bc6d4 | rgb(155, 198, 212) | hsl(195, 40%, 72%) | |
210 | #9bb8d4 | rgb(155, 184, 212) | hsl(210, 40%, 72%) | |
211 | #9bb7d4 | rgb(155, 183, 212) | hsl(211, 40%, 72%) | |
225 | #9ba9d4 | rgb(155, 169, 212) | hsl(225, 40%, 72%) | |
240 | #9b9bd4 | rgb(155, 155, 212) | hsl(240, 40%, 72%) | |
255 | #a99bd4 | rgb(169, 155, 212) | hsl(255, 40%, 72%) | |
270 | #b89bd4 | rgb(184, 155, 212) | hsl(270, 40%, 72%) | |
285 | #c69bd4 | rgb(198, 155, 212) | hsl(285, 40%, 72%) | |
300 | #d49bd4 | rgb(212, 155, 212) | hsl(300, 40%, 72%) | |
315 | #d49bc6 | rgb(212, 155, 198) | hsl(315, 40%, 72%) | |
330 | #d49bb8 | rgb(212, 155, 184) | hsl(330, 40%, 72%) | |
345 | #d49ba9 | rgb(212, 155, 169) | hsl(345, 40%, 72%) | |
360 | #d49b9b | rgb(212, 155, 155) | hsl(0, 40%, 72%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #70b5ff | rgb(112, 181, 255) | hsl(211, 100%, 72%) | |
95% | #74b5fb | rgb(116, 181, 251) | hsl(211, 95%, 72%) | |
90% | #77b5f8 | rgb(119, 181, 248) | hsl(211, 90%, 72%) | |
85% | #7bb6f4 | rgb(123, 182, 244) | hsl(211, 85%, 72%) | |
80% | #7eb6f1 | rgb(126, 182, 241) | hsl(211, 80%, 72%) | |
75% | #82b6ed | rgb(130, 182, 237) | hsl(211, 75%, 72%) | |
70% | #86b6ea | rgb(134, 182, 234) | hsl(211, 70%, 72%) | |
65% | #89b6e6 | rgb(137, 182, 230) | hsl(211, 65%, 72%) | |
60% | #8db6e2 | rgb(141, 182, 226) | hsl(211, 60%, 72%) | |
55% | #90b6df | rgb(144, 182, 223) | hsl(211, 55%, 72%) | |
50% | #94b6db | rgb(148, 182, 219) | hsl(211, 50%, 72%) | |
45% | #97b7d8 | rgb(151, 183, 216) | hsl(211, 45%, 72%) | |
40% | #9bb7d4 | rgb(155, 183, 212) | hsl(211, 40%, 72%) | |
35% | #9fb7d1 | rgb(159, 183, 209) | hsl(211, 35%, 72%) | |
30% | #a2b7cd | rgb(162, 183, 205) | hsl(211, 30%, 72%) | |
25% | #a6b7c9 | rgb(166, 183, 201) | hsl(211, 25%, 72%) | |
20% | #a9b7c6 | rgb(169, 183, 198) | hsl(211, 20%, 72%) | |
15% | #adb7c2 | rgb(173, 183, 194) | hsl(211, 15%, 72%) | |
10% | #b0b7bf | rgb(176, 183, 191) | hsl(211, 10%, 72%) | |
5% | #b4b7bb | rgb(180, 183, 187) | hsl(211, 5%, 72%) | |
0% | #b8b8b8 | rgb(184, 184, 184) | hsl(211, 0%, 72%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(211, 40%, 100%) | |
95% | #edf2f7 | rgb(237, 242, 247) | hsl(211, 40%, 95%) | |
90% | #dbe5f0 | rgb(219, 229, 240) | hsl(211, 40%, 90%) | |
85% | #c9d8e8 | rgb(201, 216, 232) | hsl(211, 40%, 85%) | |
80% | #b8cbe0 | rgb(184, 203, 224) | hsl(211, 40%, 80%) | |
75% | #a6bed9 | rgb(166, 190, 217) | hsl(211, 40%, 75%) | |
72% | #9bb7d4 | rgb(155, 183, 212) | hsl(211, 40%, 72%) | |
70% | #94b1d1 | rgb(148, 177, 209) | hsl(211, 40%, 70%) | |
65% | #82a5c9 | rgb(130, 165, 201) | hsl(211, 40%, 65%) | |
60% | #7098c2 | rgb(112, 152, 194) | hsl(211, 40%, 60%) | |
55% | #5e8bba | rgb(94, 139, 186) | hsl(211, 40%, 55%) | |
50% | #4d7eb3 | rgb(77, 126, 179) | hsl(211, 40%, 50%) | |
45% | #4571a1 | rgb(69, 113, 161) | hsl(211, 40%, 45%) | |
40% | #3d658f | rgb(61, 101, 143) | hsl(211, 40%, 40%) | |
35% | #36587d | rgb(54, 88, 125) | hsl(211, 40%, 35%) | |
30% | #2e4b6b | rgb(46, 75, 107) | hsl(211, 40%, 30%) | |
25% | #263f59 | rgb(38, 63, 89) | hsl(211, 40%, 25%) | |
20% | #1f3247 | rgb(31, 50, 71) | hsl(211, 40%, 20%) | |
15% | #172636 | rgb(23, 38, 54) | hsl(211, 40%, 15%) | |
10% | #0f1924 | rgb(15, 25, 36) | hsl(211, 40%, 10%) | |
5% | #080d12 | rgb(8, 13, 18) | hsl(211, 40%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(211, 40%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
155 | 183 | 212 |
rgb(155, 183, 212)
#9bb7d4
#9bb7d4