HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#798ea4
rgb(121, 142, 164)
hsl(211, 19%, 56%)
Lighter / Darker:
100% | #ffffff | |
95% | #f0f2f5 | |
90% | #e1e5ea | |
85% | #d1d9e0 | |
80% | #c2ccd6 | |
75% | #b3bfcb | |
70% | #a4b2c1 | |
65% | #95a5b7 | |
60% | #8698ac | |
56% | #798ea4 | |
55% | #768ca2 | |
50% | #677f98 | |
45% | #5d7289 | |
40% | #536579 | |
35% | #48596a | |
30% | #3e4c5b | |
25% | #343f4c | |
20% | #29333d | |
15% | #1f262e | |
10% | #15191e | |
5% | #0a0d0f | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #a47979 | rgb(164, 121, 121) | hsl(0, 19%, 56%) | |
15 | #a48479 | rgb(164, 132, 121) | hsl(15, 19%, 56%) | |
30 | #a48f79 | rgb(164, 143, 121) | hsl(30, 19%, 56%) | |
45 | #a49979 | rgb(164, 153, 121) | hsl(45, 19%, 56%) | |
60 | #a4a479 | rgb(164, 164, 121) | hsl(60, 19%, 56%) | |
75 | #99a479 | rgb(153, 164, 121) | hsl(75, 19%, 56%) | |
90 | #8fa479 | rgb(143, 164, 121) | hsl(90, 19%, 56%) | |
105 | #84a479 | rgb(132, 164, 121) | hsl(105, 19%, 56%) | |
120 | #79a479 | rgb(121, 164, 121) | hsl(120, 19%, 56%) | |
135 | #79a484 | rgb(121, 164, 132) | hsl(135, 19%, 56%) | |
150 | #79a48f | rgb(121, 164, 143) | hsl(150, 19%, 56%) | |
165 | #79a499 | rgb(121, 164, 153) | hsl(165, 19%, 56%) | |
180 | #79a4a4 | rgb(121, 164, 164) | hsl(180, 19%, 56%) | |
195 | #7999a4 | rgb(121, 153, 164) | hsl(195, 19%, 56%) | |
210 | #798fa4 | rgb(121, 143, 164) | hsl(210, 19%, 56%) | |
211 | #798ea4 | rgb(121, 142, 164) | hsl(211, 19%, 56%) | |
225 | #7984a4 | rgb(121, 132, 164) | hsl(225, 19%, 56%) | |
240 | #7979a4 | rgb(121, 121, 164) | hsl(240, 19%, 56%) | |
255 | #8479a4 | rgb(132, 121, 164) | hsl(255, 19%, 56%) | |
270 | #8f79a4 | rgb(143, 121, 164) | hsl(270, 19%, 56%) | |
285 | #9979a4 | rgb(153, 121, 164) | hsl(285, 19%, 56%) | |
300 | #a479a4 | rgb(164, 121, 164) | hsl(300, 19%, 56%) | |
315 | #a47999 | rgb(164, 121, 153) | hsl(315, 19%, 56%) | |
330 | #a4798f | rgb(164, 121, 143) | hsl(330, 19%, 56%) | |
345 | #a47984 | rgb(164, 121, 132) | hsl(345, 19%, 56%) | |
360 | #a47979 | rgb(164, 121, 121) | hsl(0, 19%, 56%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #1f8bff | rgb(31, 139, 255) | hsl(211, 100%, 56%) | |
95% | #248bf9 | rgb(36, 139, 249) | hsl(211, 95%, 56%) | |
90% | #2a8bf4 | rgb(42, 139, 244) | hsl(211, 90%, 56%) | |
85% | #2f8cee | rgb(47, 140, 238) | hsl(211, 85%, 56%) | |
80% | #358ce9 | rgb(53, 140, 233) | hsl(211, 80%, 56%) | |
75% | #3b8ce3 | rgb(59, 140, 227) | hsl(211, 75%, 56%) | |
70% | #408cdd | rgb(64, 140, 221) | hsl(211, 70%, 56%) | |
65% | #468cd8 | rgb(70, 140, 216) | hsl(211, 65%, 56%) | |
60% | #4b8dd2 | rgb(75, 141, 210) | hsl(211, 60%, 56%) | |
55% | #518dcd | rgb(81, 141, 205) | hsl(211, 55%, 56%) | |
50% | #578dc7 | rgb(87, 141, 199) | hsl(211, 50%, 56%) | |
45% | #5c8dc1 | rgb(92, 141, 193) | hsl(211, 45%, 56%) | |
40% | #628dbc | rgb(98, 141, 188) | hsl(211, 40%, 56%) | |
35% | #688db6 | rgb(104, 141, 182) | hsl(211, 35%, 56%) | |
30% | #6d8eb0 | rgb(109, 142, 176) | hsl(211, 30%, 56%) | |
25% | #738eab | rgb(115, 142, 171) | hsl(211, 25%, 56%) | |
20% | #788ea5 | rgb(120, 142, 165) | hsl(211, 20%, 56%) | |
19% | #798ea4 | rgb(121, 142, 164) | hsl(211, 19%, 56%) | |
15% | #7e8ea0 | rgb(126, 142, 160) | hsl(211, 15%, 56%) | |
10% | #848e9a | rgb(132, 142, 154) | hsl(211, 10%, 56%) | |
5% | #898f94 | rgb(137, 143, 148) | hsl(211, 5%, 56%) | |
0% | #8f8f8f | rgb(143, 143, 143) | hsl(211, 0%, 56%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(211, 19%, 100%) | |
95% | #f0f2f5 | rgb(240, 242, 245) | hsl(211, 19%, 95%) | |
90% | #e1e5ea | rgb(225, 229, 234) | hsl(211, 19%, 90%) | |
85% | #d1d9e0 | rgb(209, 217, 224) | hsl(211, 19%, 85%) | |
80% | #c2ccd6 | rgb(194, 204, 214) | hsl(211, 19%, 80%) | |
75% | #b3bfcb | rgb(179, 191, 203) | hsl(211, 19%, 75%) | |
70% | #a4b2c1 | rgb(164, 178, 193) | hsl(211, 19%, 70%) | |
65% | #95a5b7 | rgb(149, 165, 183) | hsl(211, 19%, 65%) | |
60% | #8698ac | rgb(134, 152, 172) | hsl(211, 19%, 60%) | |
56% | #798ea4 | rgb(121, 142, 164) | hsl(211, 19%, 56%) | |
55% | #768ca2 | rgb(118, 140, 162) | hsl(211, 19%, 55%) | |
50% | #677f98 | rgb(103, 127, 152) | hsl(211, 19%, 50%) | |
45% | #5d7289 | rgb(93, 114, 137) | hsl(211, 19%, 45%) | |
40% | #536579 | rgb(83, 101, 121) | hsl(211, 19%, 40%) | |
35% | #48596a | rgb(72, 89, 106) | hsl(211, 19%, 35%) | |
30% | #3e4c5b | rgb(62, 76, 91) | hsl(211, 19%, 30%) | |
25% | #343f4c | rgb(52, 63, 76) | hsl(211, 19%, 25%) | |
20% | #29333d | rgb(41, 51, 61) | hsl(211, 19%, 20%) | |
15% | #1f262e | rgb(31, 38, 46) | hsl(211, 19%, 15%) | |
10% | #15191e | rgb(21, 25, 30) | hsl(211, 19%, 10%) | |
5% | #0a0d0f | rgb(10, 13, 15) | hsl(211, 19%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(211, 19%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
121 | 142 | 164 |
rgb(121, 142, 164)
#798ea4
#798ea4