#405e58
RGB ( 赤 = 64, 緑 = 94, 青 = 88 )
HSL ( 色相 = 168°, 彩度 = 19%, 明度 = 31% )
H : 色相 ( 168° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5e4440 : -160
18 : #5e4940 : -150
28 : #5e4e40 : -140
38 : #5e5340 : -130
48 : #5e5840 : -120
58 : #5e5d40 : -110
68 : #5a5e40 : -100
78 : #555e40 : -90
88 : #505e40 : -80
98 : #4b5e40 : -70
108 : #465e40 : -60
118 : #415e40 : -50
128 : #405e44 : -40
138 : #405e49 : -30
148 : #405e4e : -20
158 : #405e53 : -10
168 : #405e58 : ±0
178 : #405e5d : +10
188 : #405a5e : +20
198 : #40555e : +30
208 : #40505e : +40
218 : #404b5e : +50
228 : #40465e : +60
238 : #40415e : +70
248 : #44405e : +80
258 : #49405e : +90
268 : #4e405e : +100
278 : #53405e : +110
288 : #58405e : +120
298 : #5d405e : +130
308 : #5e405a : +140
318 : #5e4055 : +150
328 : #5e4050 : +160
338 : #5e404b : +170
348 : #5e4046 : +180
358 : #5e4041 : +190
158 : #405e53 : -10
159 : #405e54 : -9
160 : #405e54 : -8
161 : #405e55 : -7
162 : #405e55 : -6
163 : #405e56 : -5
164 : #405e56 : -4
165 : #405e57 : -3
166 : #405e57 : -2
167 : #405e58 : -1
168 : #405e58 : ±0
169 : #405e59 : +1
170 : #405e59 : +2
171 : #405e5a : +3
172 : #405e5a : +4
173 : #405e5b : +5
174 : #405e5b : +6
175 : #405e5c : +7
176 : #405e5c : +8
177 : #405e5d : +9
178 : #405e5d : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e5050 : -18
3 : #4d5150 : -16
5 : #4b5351 : -14
7 : #4a5552 : -12
9 : #485653 : -10
11 : #465854 : -8
13 : #455955 : -6
15 : #435b56 : -4
17 : #425c57 : -2
19 : #405e58 : ±0
21 : #3e6059 : +2
23 : #3d615a : +4
25 : #3b635b : +6
27 : #3a645c : +8
29 : #38665d : +10
31 : #37685e : +12
33 : #35695f : +14
35 : #336b60 : +16
37 : #326c61 : +18
39 : #306e62 : +20
41 : #2f6f62 : +22
43 : #2d7163 : +24
45 : #2b7364 : +26
47 : #2a7465 : +28
49 : #287666 : +30
51 : #277767 : +32
53 : #257968 : +34
55 : #247b69 : +36
57 : #227c6a : +38
59 : #207e6b : +40
61 : #1f7f6c : +42
63 : #1d816d : +44
65 : #1c826e : +46
67 : #1a846f : +48
69 : #198670 : +50
71 : #178771 : +52
73 : #158972 : +54
75 : #148a73 : +56
77 : #128c74 : +58
79 : #118d75 : +60
81 : #0f8f75 : +62
83 : #0d9176 : +64
85 : #0c9277 : +66
87 : #0a9478 : +68
89 : #099579 : +70
91 : #07977a : +72
93 : #06997b : +74
95 : #049a7c : +76
97 : #029c7d : +78
99 : #019d7e : +80
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -30
3 : #060909 : -28
5 : #0a0f0e : -26
7 : #0e1514 : -24
9 : #131b1a : -22
11 : #17211f : -20
13 : #1b2725 : -18
15 : #1f2e2b : -16
17 : #233430 : -14
19 : #273a36 : -12
21 : #2b403c : -10
23 : #304641 : -8
25 : #344c47 : -6
27 : #38524d : -4
29 : #3c5852 : -2
31 : #405e58 : ±0
33 : #44645e : +2
35 : #486a63 : +4
37 : #4c7069 : +6
39 : #51766f : +8
41 : #557c74 : +10
43 : #59827a : +12
45 : #5d8980 : +14
47 : #618f86 : +16
49 : #65958b : +18
51 : #6a9a90 : +20
53 : #709e95 : +22
55 : #76a299 : +24
57 : #7da69e : +26
59 : #83aaa2 : +28
61 : #89aea7 : +30
63 : #8fb3ab : +32
65 : #95b7b0 : +34
67 : #9bbbb4 : +36
69 : #a1bfb9 : +38
71 : #a7c3bd : +40
73 : #adc7c2 : +42
75 : #b3cbc7 : +44
77 : #b9cfcb : +46
79 : #bfd4d0 : +48
81 : #c5d8d4 : +50
83 : #cbdcd9 : +52
85 : #d1e0dd : +54
87 : #d8e4e2 : +56
89 : #dee8e6 : +58
91 : #e4eceb : +60
93 : #eaf1ef : +62
95 : #f0f5f4 : +64
97 : #f6f9f8 : +66
99 : #fcfdfd : +68
CSS入門、作ってます。
text-shadow