HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#4c6a92
rgb(76, 106, 146)
hsl(214, 32%, 44%)
Lighter / Darker:
100% | #ffffff | |
95% | #eef2f6 | |
90% | #dde4ee | |
85% | #cdd7e5 | |
80% | #bccadc | |
75% | #abbdd4 | |
70% | #9aafcb | |
65% | #89a2c2 | |
60% | #7895ba | |
55% | #6887b1 | |
50% | #577aa8 | |
45% | #4e6e97 | |
44% | #4c6a92 | |
40% | #456287 | |
35% | #3d5576 | |
30% | #344965 | |
25% | #2b3d54 | |
20% | #233143 | |
15% | #1a2532 | |
10% | #111822 | |
5% | #090c11 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #944c4c | rgb(148, 76, 76) | hsl(0, 32%, 44%) | |
15 | #945e4c | rgb(148, 94, 76) | hsl(15, 32%, 44%) | |
30 | #94704c | rgb(148, 112, 76) | hsl(30, 32%, 44%) | |
45 | #94824c | rgb(148, 130, 76) | hsl(45, 32%, 44%) | |
60 | #94944c | rgb(148, 148, 76) | hsl(60, 32%, 44%) | |
75 | #82944c | rgb(130, 148, 76) | hsl(75, 32%, 44%) | |
90 | #70944c | rgb(112, 148, 76) | hsl(90, 32%, 44%) | |
105 | #5e944c | rgb(94, 148, 76) | hsl(105, 32%, 44%) | |
120 | #4c944c | rgb(76, 148, 76) | hsl(120, 32%, 44%) | |
135 | #4c945e | rgb(76, 148, 94) | hsl(135, 32%, 44%) | |
150 | #4c9470 | rgb(76, 148, 112) | hsl(150, 32%, 44%) | |
165 | #4c9482 | rgb(76, 148, 130) | hsl(165, 32%, 44%) | |
180 | #4c9494 | rgb(76, 148, 148) | hsl(180, 32%, 44%) | |
195 | #4c8294 | rgb(76, 130, 148) | hsl(195, 32%, 44%) | |
210 | #4c7094 | rgb(76, 112, 148) | hsl(210, 32%, 44%) | |
214 | #4c6a92 | rgb(76, 106, 146) | hsl(214, 32%, 44%) | |
225 | #4c5e94 | rgb(76, 94, 148) | hsl(225, 32%, 44%) | |
240 | #4c4c94 | rgb(76, 76, 148) | hsl(240, 32%, 44%) | |
255 | #5e4c94 | rgb(94, 76, 148) | hsl(255, 32%, 44%) | |
270 | #704c94 | rgb(112, 76, 148) | hsl(270, 32%, 44%) | |
285 | #824c94 | rgb(130, 76, 148) | hsl(285, 32%, 44%) | |
300 | #944c94 | rgb(148, 76, 148) | hsl(300, 32%, 44%) | |
315 | #944c82 | rgb(148, 76, 130) | hsl(315, 32%, 44%) | |
330 | #944c70 | rgb(148, 76, 112) | hsl(330, 32%, 44%) | |
345 | #944c5e | rgb(148, 76, 94) | hsl(345, 32%, 44%) | |
360 | #944c4c | rgb(148, 76, 76) | hsl(0, 32%, 44%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0061e0 | rgb(0, 97, 224) | hsl(214, 100%, 44%) | |
95% | #0662db | rgb(6, 98, 219) | hsl(214, 95%, 44%) | |
90% | #0b63d5 | rgb(11, 99, 213) | hsl(214, 90%, 44%) | |
85% | #1163d0 | rgb(17, 99, 208) | hsl(214, 85%, 44%) | |
80% | #1664ca | rgb(22, 100, 202) | hsl(214, 80%, 44%) | |
75% | #1c65c4 | rgb(28, 101, 196) | hsl(214, 75%, 44%) | |
70% | #2266bf | rgb(34, 102, 191) | hsl(214, 70%, 44%) | |
65% | #2766b9 | rgb(39, 102, 185) | hsl(214, 65%, 44%) | |
60% | #2d67b4 | rgb(45, 103, 180) | hsl(214, 60%, 44%) | |
55% | #3268ae | rgb(50, 104, 174) | hsl(214, 55%, 44%) | |
50% | #3869a8 | rgb(56, 105, 168) | hsl(214, 50%, 44%) | |
45% | #3e69a3 | rgb(62, 105, 163) | hsl(214, 45%, 44%) | |
40% | #436a9d | rgb(67, 106, 157) | hsl(214, 40%, 44%) | |
35% | #496b97 | rgb(73, 107, 151) | hsl(214, 35%, 44%) | |
32% | #4c6a92 | rgb(76, 106, 146) | hsl(214, 32%, 44%) | |
30% | #4f6c92 | rgb(79, 108, 146) | hsl(214, 30%, 44%) | |
25% | #546c8c | rgb(84, 108, 140) | hsl(214, 25%, 44%) | |
20% | #5a6d87 | rgb(90, 109, 135) | hsl(214, 20%, 44%) | |
15% | #5f6e81 | rgb(95, 110, 129) | hsl(214, 15%, 44%) | |
10% | #656f7b | rgb(101, 111, 123) | hsl(214, 10%, 44%) | |
5% | #6b6f76 | rgb(107, 111, 118) | hsl(214, 5%, 44%) | |
0% | #707070 | rgb(112, 112, 112) | hsl(214, 0%, 44%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(214, 32%, 100%) | |
95% | #eef2f6 | rgb(238, 242, 246) | hsl(214, 32%, 95%) | |
90% | #dde4ee | rgb(221, 228, 238) | hsl(214, 32%, 90%) | |
85% | #cdd7e5 | rgb(205, 215, 229) | hsl(214, 32%, 85%) | |
80% | #bccadc | rgb(188, 202, 220) | hsl(214, 32%, 80%) | |
75% | #abbdd4 | rgb(171, 189, 212) | hsl(214, 32%, 75%) | |
70% | #9aafcb | rgb(154, 175, 203) | hsl(214, 32%, 70%) | |
65% | #89a2c2 | rgb(137, 162, 194) | hsl(214, 32%, 65%) | |
60% | #7895ba | rgb(120, 149, 186) | hsl(214, 32%, 60%) | |
55% | #6887b1 | rgb(104, 135, 177) | hsl(214, 32%, 55%) | |
50% | #577aa8 | rgb(87, 122, 168) | hsl(214, 32%, 50%) | |
45% | #4e6e97 | rgb(78, 110, 151) | hsl(214, 32%, 45%) | |
44% | #4c6a92 | rgb(76, 106, 146) | hsl(214, 32%, 44%) | |
40% | #456287 | rgb(69, 98, 135) | hsl(214, 32%, 40%) | |
35% | #3d5576 | rgb(61, 85, 118) | hsl(214, 32%, 35%) | |
30% | #344965 | rgb(52, 73, 101) | hsl(214, 32%, 30%) | |
25% | #2b3d54 | rgb(43, 61, 84) | hsl(214, 32%, 25%) | |
20% | #233143 | rgb(35, 49, 67) | hsl(214, 32%, 20%) | |
15% | #1a2532 | rgb(26, 37, 50) | hsl(214, 32%, 15%) | |
10% | #111822 | rgb(17, 24, 34) | hsl(214, 32%, 10%) | |
5% | #090c11 | rgb(9, 12, 17) | hsl(214, 32%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(214, 32%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
76 | 106 | 146 |
rgb(76, 106, 146)
#4c6a92
#4c6a92