#4c4483
RGB ( 赤 = 76, 緑 = 68, 青 = 131 )
HSL ( 色相 = 248°, 彩度 = 32%, 明度 = 39% )
H : 色相 ( 248° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #834c44 : -240
18 : #835744 : -230
28 : #836144 : -220
38 : #836c44 : -210
48 : #837744 : -200
58 : #838144 : -190
68 : #7b8344 : -180
78 : #708344 : -170
88 : #668344 : -160
98 : #5b8344 : -150
108 : #508344 : -140
118 : #468344 : -130
128 : #44834c : -120
138 : #448357 : -110
148 : #448361 : -100
158 : #44836c : -90
168 : #448377 : -80
178 : #448381 : -70
188 : #447b83 : -60
198 : #447083 : -50
208 : #446683 : -40
218 : #445b83 : -30
228 : #445083 : -20
238 : #444683 : -10
248 : #4c4483 : ±0
258 : #574483 : +10
268 : #614483 : +20
278 : #6c4483 : +30
288 : #774483 : +40
298 : #814483 : +50
308 : #83447b : +60
318 : #834470 : +70
328 : #834466 : +80
338 : #83445b : +90
348 : #834450 : +100
358 : #834446 : +110
238 : #444683 : -10
239 : #444583 : -9
240 : #444483 : -8
241 : #454483 : -7
242 : #464483 : -6
243 : #474483 : -5
244 : #484483 : -4
245 : #494483 : -3
246 : #4a4483 : -2
247 : #4b4483 : -1
248 : #4c4483 : ±0
249 : #4d4483 : +1
250 : #4e4483 : +2
251 : #4f4483 : +3
252 : #504483 : +4
253 : #514483 : +5
254 : #524483 : +6
255 : #544483 : +7
256 : #554483 : +8
257 : #564483 : +9
258 : #574483 : +10
S : 彩度 ( 32% )
(0%) 渋い ～ 鮮やか (100%)
0 : #636363 : -32
2 : #626165 : -30
4 : #615f67 : -28
6 : #5f5d69 : -26
8 : #5e5b6b : -24
10 : #5c5a6d : -22
12 : #5b586f : -20
14 : #595671 : -18
16 : #585473 : -16
18 : #565275 : -14
20 : #555077 : -12
22 : #534e79 : -10
24 : #524c7b : -8
26 : #504a7d : -6
28 : #4f487f : -4
30 : #4e4681 : -2
32 : #4c4483 : ±0
34 : #4b4285 : +2
36 : #494087 : +4
38 : #483e89 : +6
40 : #463c8b : +8
42 : #453a8d : +10
44 : #43388f : +12
46 : #423691 : +14
48 : #403493 : +16
50 : #3f3295 : +18
52 : #3e3097 : +20
54 : #3c2e99 : +22
56 : #3b2c9b : +24
58 : #392a9d : +26
60 : #38289f : +28
62 : #3626a1 : +30
64 : #3524a3 : +32
66 : #3322a5 : +34
68 : #3220a7 : +36
70 : #301ea9 : +38
72 : #2f1cab : +40
74 : #2d1aad : +42
76 : #2c18af : +44
78 : #2b16b1 : +46
80 : #2914b3 : +48
82 : #2812b5 : +50
84 : #2610b7 : +52
86 : #250eb9 : +54
88 : #230cbb : +56
90 : #220abd : +58
92 : #2008bf : +60
94 : #1f06c1 : +62
96 : #1d04c3 : +64
98 : #1c02c5 : +66
100 : #1b00c7 : +68
L : 明度 ( 39% )
(0%) 暗い ～ 明るい (100%)
1 : #020203 : -38
3 : #06050a : -36
5 : #0a0911 : -34
7 : #0e0c18 : -32
9 : #12101e : -30
11 : #151325 : -28
13 : #19172c : -26
15 : #1d1a32 : -24
17 : #211d39 : -22
19 : #252140 : -20
21 : #292447 : -18
23 : #2d284d : -16
25 : #312b54 : -14
27 : #352f5b : -12
29 : #393262 : -10
31 : #3c3668 : -8
33 : #40396f : -6
35 : #443d76 : -4
37 : #48407d : -2
39 : #4c4483 : ±0
41 : #50478a : +2
43 : #544b91 : +4
45 : #584e97 : +6
47 : #5c519e : +8
49 : #6055a5 : +10
51 : #655aaa : +12
53 : #6b61ae : +14
55 : #7168b1 : +16
57 : #786eb4 : +18
59 : #7e75b8 : +20
61 : #847cbb : +22
63 : #8b82bf : +24
65 : #9189c2 : +26
67 : #9790c6 : +28
69 : #9d97c9 : +30
71 : #a49dcd : +32
73 : #aaa4d0 : +34
75 : #b0abd4 : +36
77 : #b7b2d7 : +38
79 : #bdb8db : +40
81 : #c3bfde : +42
83 : #c9c6e2 : +44
85 : #d0cde5 : +46
87 : #d6d3e8 : +48
89 : #dcdaec : +50
91 : #e3e1ef : +52
93 : #e9e7f3 : +54
95 : #efeef6 : +56
97 : #f6f5fa : +58
99 : #fcfcfd : +60
CSS入門、作ってます。
text-shadow