HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#95dee3
rgb(149, 222, 227)
hsl(184, 58%, 74%)
Lighter / Darker:
100% | #ffffff | |
95% | #ebf9fa | |
90% | #d7f2f4 | |
85% | #c3ecef | |
80% | #aee6ea | |
75% | #9adfe4 | |
74% | #95dee3 | |
70% | #86d9df | |
65% | #72d3da | |
60% | #5eccd4 | |
55% | #4ac6cf | |
50% | #36c0c9 | |
45% | #30acb5 | |
40% | #2b99a1 | |
35% | #25868d | |
30% | #207379 | |
25% | #1b6065 | |
20% | #154d51 | |
15% | #10393c | |
10% | #0b2628 | |
5% | #051314 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #e39696 | rgb(227, 150, 150) | hsl(0, 58%, 74%) | |
15 | #e3a996 | rgb(227, 169, 150) | hsl(15, 58%, 74%) | |
30 | #e3bd96 | rgb(227, 189, 150) | hsl(30, 58%, 74%) | |
45 | #e3d096 | rgb(227, 208, 150) | hsl(45, 58%, 74%) | |
60 | #e3e396 | rgb(227, 227, 150) | hsl(60, 58%, 74%) | |
75 | #d0e396 | rgb(208, 227, 150) | hsl(75, 58%, 74%) | |
90 | #bde396 | rgb(189, 227, 150) | hsl(90, 58%, 74%) | |
105 | #a9e396 | rgb(169, 227, 150) | hsl(105, 58%, 74%) | |
120 | #96e396 | rgb(150, 227, 150) | hsl(120, 58%, 74%) | |
135 | #96e3a9 | rgb(150, 227, 169) | hsl(135, 58%, 74%) | |
150 | #96e3bd | rgb(150, 227, 189) | hsl(150, 58%, 74%) | |
165 | #96e3d0 | rgb(150, 227, 208) | hsl(165, 58%, 74%) | |
180 | #96e3e3 | rgb(150, 227, 227) | hsl(180, 58%, 74%) | |
184 | #95dee3 | rgb(149, 222, 227) | hsl(184, 58%, 74%) | |
195 | #96d0e3 | rgb(150, 208, 227) | hsl(195, 58%, 74%) | |
210 | #96bde3 | rgb(150, 189, 227) | hsl(210, 58%, 74%) | |
225 | #96a9e3 | rgb(150, 169, 227) | hsl(225, 58%, 74%) | |
240 | #9696e3 | rgb(150, 150, 227) | hsl(240, 58%, 74%) | |
255 | #a996e3 | rgb(169, 150, 227) | hsl(255, 58%, 74%) | |
270 | #bd96e3 | rgb(189, 150, 227) | hsl(270, 58%, 74%) | |
285 | #d096e3 | rgb(208, 150, 227) | hsl(285, 58%, 74%) | |
300 | #e396e3 | rgb(227, 150, 227) | hsl(300, 58%, 74%) | |
315 | #e396d0 | rgb(227, 150, 208) | hsl(315, 58%, 74%) | |
330 | #e396bd | rgb(227, 150, 189) | hsl(330, 58%, 74%) | |
345 | #e396a9 | rgb(227, 150, 169) | hsl(345, 58%, 74%) | |
360 | #e39696 | rgb(227, 150, 150) | hsl(0, 58%, 74%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #7af6ff | rgb(122, 246, 255) | hsl(184, 100%, 74%) | |
95% | #7ef3fc | rgb(126, 243, 252) | hsl(184, 95%, 74%) | |
90% | #81f0f8 | rgb(129, 240, 248) | hsl(184, 90%, 74%) | |
85% | #84eef5 | rgb(132, 238, 245) | hsl(184, 85%, 74%) | |
80% | #88ebf2 | rgb(136, 235, 242) | hsl(184, 80%, 74%) | |
75% | #8be8ee | rgb(139, 232, 238) | hsl(184, 75%, 74%) | |
70% | #8ee5eb | rgb(142, 229, 235) | hsl(184, 70%, 74%) | |
65% | #92e2e8 | rgb(146, 226, 232) | hsl(184, 65%, 74%) | |
60% | #95dfe4 | rgb(149, 223, 228) | hsl(184, 60%, 74%) | |
58% | #95dee3 | rgb(149, 222, 227) | hsl(184, 58%, 74%) | |
55% | #98dce1 | rgb(152, 220, 225) | hsl(184, 55%, 74%) | |
50% | #9cd9de | rgb(156, 217, 222) | hsl(184, 50%, 74%) | |
45% | #9fd7db | rgb(159, 215, 219) | hsl(184, 45%, 74%) | |
40% | #a2d4d7 | rgb(162, 212, 215) | hsl(184, 40%, 74%) | |
35% | #a5d1d4 | rgb(165, 209, 212) | hsl(184, 35%, 74%) | |
30% | #a9ced1 | rgb(169, 206, 209) | hsl(184, 30%, 74%) | |
25% | #accbcd | rgb(172, 203, 205) | hsl(184, 25%, 74%) | |
20% | #afc8ca | rgb(175, 200, 202) | hsl(184, 20%, 74%) | |
15% | #b3c5c7 | rgb(179, 197, 199) | hsl(184, 15%, 74%) | |
10% | #b6c2c3 | rgb(182, 194, 195) | hsl(184, 10%, 74%) | |
5% | #b9c0c0 | rgb(185, 192, 192) | hsl(184, 5%, 74%) | |
0% | #bdbdbd | rgb(189, 189, 189) | hsl(184, 0%, 74%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(184, 58%, 100%) | |
95% | #ebf9fa | rgb(235, 249, 250) | hsl(184, 58%, 95%) | |
90% | #d7f2f4 | rgb(215, 242, 244) | hsl(184, 58%, 90%) | |
85% | #c3ecef | rgb(195, 236, 239) | hsl(184, 58%, 85%) | |
80% | #aee6ea | rgb(174, 230, 234) | hsl(184, 58%, 80%) | |
75% | #9adfe4 | rgb(154, 223, 228) | hsl(184, 58%, 75%) | |
74% | #95dee3 | rgb(149, 222, 227) | hsl(184, 58%, 74%) | |
70% | #86d9df | rgb(134, 217, 223) | hsl(184, 58%, 70%) | |
65% | #72d3da | rgb(114, 211, 218) | hsl(184, 58%, 65%) | |
60% | #5eccd4 | rgb(94, 204, 212) | hsl(184, 58%, 60%) | |
55% | #4ac6cf | rgb(74, 198, 207) | hsl(184, 58%, 55%) | |
50% | #36c0c9 | rgb(54, 192, 201) | hsl(184, 58%, 50%) | |
45% | #30acb5 | rgb(48, 172, 181) | hsl(184, 58%, 45%) | |
40% | #2b99a1 | rgb(43, 153, 161) | hsl(184, 58%, 40%) | |
35% | #25868d | rgb(37, 134, 141) | hsl(184, 58%, 35%) | |
30% | #207379 | rgb(32, 115, 121) | hsl(184, 58%, 30%) | |
25% | #1b6065 | rgb(27, 96, 101) | hsl(184, 58%, 25%) | |
20% | #154d51 | rgb(21, 77, 81) | hsl(184, 58%, 20%) | |
15% | #10393c | rgb(16, 57, 60) | hsl(184, 58%, 15%) | |
10% | #0b2628 | rgb(11, 38, 40) | hsl(184, 58%, 10%) | |
5% | #051314 | rgb(5, 19, 20) | hsl(184, 58%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(184, 58%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
149 | 222 | 227 |
rgb(149, 222, 227)
#95dee3
#95dee3