#504a6d
RGB ( 赤 = 80, 緑 = 74, 青 = 109 )
HSL ( 色相 = 250°, 彩度 = 19%, 明度 = 36% )
H : 色相 ( 250° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6d4a4a : -250
10 : #6d504a : -240
20 : #6d564a : -230
30 : #6d5c4a : -220
40 : #6d624a : -210
50 : #6d674a : -200
60 : #6d6d4a : -190
70 : #676d4a : -180
80 : #626d4a : -170
90 : #5c6d4a : -160
100 : #566d4a : -150
110 : #506d4a : -140
120 : #4a6d4a : -130
130 : #4a6d50 : -120
140 : #4a6d56 : -110
150 : #4a6d5c : -100
160 : #4a6d62 : -90
170 : #4a6d67 : -80
180 : #4a6d6d : -70
190 : #4a676d : -60
200 : #4a626d : -50
210 : #4a5c6d : -40
220 : #4a566d : -30
230 : #4a506d : -20
240 : #4a4a6d : -10
250 : #504a6d : ±0
260 : #564a6d : +10
270 : #5c4a6d : +20
280 : #624a6d : +30
290 : #674a6d : +40
300 : #6d4a6d : +50
310 : #6d4a67 : +60
320 : #6d4a62 : +70
330 : #6d4a5c : +80
340 : #6d4a56 : +90
350 : #6d4a50 : +100
240 : #4a4a6d : -10
241 : #4b4a6d : -9
242 : #4c4a6d : -8
243 : #4c4a6d : -7
244 : #4d4a6d : -6
245 : #4d4a6d : -5
246 : #4e4a6d : -4
247 : #4e4a6d : -3
248 : #4f4a6d : -2
249 : #504a6d : -1
250 : #504a6d : ±0
251 : #514a6d : +1
252 : #514a6d : +2
253 : #524a6d : +3
254 : #524a6d : +4
255 : #534a6d : +5
256 : #544a6d : +6
257 : #544a6d : +7
258 : #554a6d : +8
259 : #554a6d : +9
260 : #564a6d : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5b5b5d : -18
3 : #5a595f : -16
5 : #595760 : -14
7 : #585562 : -12
9 : #565464 : -10
11 : #555266 : -8
13 : #545068 : -6
15 : #534e6a : -4
17 : #514c6b : -2
19 : #504a6d : ±0
21 : #4f496f : +2
23 : #4e4771 : +4
25 : #4d4573 : +6
27 : #4b4375 : +8
29 : #4a4176 : +10
31 : #493f78 : +12
33 : #483e7a : +14
35 : #463c7c : +16
37 : #453a7e : +18
39 : #443880 : +20
41 : #433681 : +22
43 : #413483 : +24
45 : #403285 : +26
47 : #3f3187 : +28
49 : #3e2f89 : +30
51 : #3d2d8b : +32
53 : #3b2b8c : +34
55 : #3a298e : +36
57 : #392790 : +38
59 : #382692 : +40
61 : #362494 : +42
63 : #352296 : +44
65 : #342097 : +46
67 : #331e99 : +48
69 : #321c9b : +50
71 : #301b9d : +52
73 : #2f199f : +54
75 : #2e17a1 : +56
77 : #2d15a2 : +58
79 : #2b13a4 : +60
81 : #2a11a6 : +62
83 : #2910a8 : +64
85 : #280eaa : +66
87 : #270cac : +68
89 : #250aae : +70
91 : #2408af : +72
93 : #2306b1 : +74
95 : #2205b3 : +76
97 : #2003b5 : +78
99 : #1f01b7 : +80
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #040406 : -34
4 : #09080c : -32
6 : #0d0c12 : -30
8 : #121118 : -28
10 : #16151e : -26
12 : #1b1924 : -24
14 : #1f1d2a : -22
16 : #242131 : -20
18 : #282537 : -18
20 : #2d293d : -16
22 : #312d43 : -14
24 : #353249 : -12
26 : #3a364f : -10
28 : #3e3a55 : -8
30 : #433e5b : -6
32 : #474261 : -4
34 : #4c4667 : -2
36 : #504a6d : ±0
38 : #554e73 : +2
40 : #595379 : +4
42 : #5e577f : +6
44 : #625b86 : +8
46 : #665f8c : +10
48 : #6b6392 : +12
50 : #6f6798 : +14
52 : #756d9c : +16
54 : #7b73a0 : +18
56 : #8179a4 : +20
58 : #8680a8 : +22
60 : #8c86ac : +24
62 : #928cb1 : +26
64 : #9892b5 : +28
66 : #9d98b9 : +30
68 : #a39ebd : +32
70 : #a9a4c1 : +34
72 : #afaac5 : +36
74 : #b4b0c9 : +38
76 : #bab6cd : +40
78 : #c0bcd2 : +42
80 : #c6c2d6 : +44
82 : #cbc8da : +46
84 : #d1cede : +48
86 : #d7d5e2 : +50
88 : #dddbe6 : +52
90 : #e2e1ea : +54
92 : #e8e7ee : +56
94 : #eeedf3 : +58
96 : #f4f3f7 : +60
98 : #f9f9fb : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow