#624f69
RGB ( 赤 = 98, 緑 = 79, 青 = 105 )
HSL ( 色相 = 284°, 彩度 = 14%, 明度 = 36% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #69514f : -280
14 : #69554f : -270
24 : #69594f : -260
34 : #695e4f : -250
44 : #69624f : -240
54 : #69664f : -230
64 : #67694f : -220
74 : #63694f : -210
84 : #5e694f : -200
94 : #5a694f : -190
104 : #56694f : -180
114 : #52694f : -170
124 : #4f6951 : -160
134 : #4f6955 : -150
144 : #4f6959 : -140
154 : #4f695e : -130
164 : #4f6962 : -120
174 : #4f6966 : -110
184 : #4f6769 : -100
194 : #4f6369 : -90
204 : #4f5e69 : -80
214 : #4f5a69 : -70
224 : #4f5669 : -60
234 : #4f5269 : -50
244 : #514f69 : -40
254 : #554f69 : -30
264 : #594f69 : -20
274 : #5e4f69 : -10
284 : #624f69 : ±0
294 : #664f69 : +10
304 : #694f67 : +20
314 : #694f63 : +30
324 : #694f5e : +40
334 : #694f5a : +50
344 : #694f56 : +60
354 : #694f52 : +70
274 : #5e4f69 : -10
275 : #5e4f69 : -9
276 : #5e4f69 : -8
277 : #5f4f69 : -7
278 : #5f4f69 : -6
279 : #604f69 : -5
280 : #604f69 : -4
281 : #614f69 : -3
282 : #614f69 : -2
283 : #614f69 : -1
284 : #624f69 : ±0
285 : #624f69 : +1
286 : #634f69 : +2
287 : #634f69 : +3
288 : #644f69 : +4
289 : #644f69 : +5
290 : #644f69 : +6
291 : #654f69 : +7
292 : #654f69 : +8
293 : #664f69 : +9
294 : #664f69 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -14
2 : #5d5a5e : -12
4 : #5e585f : -10
6 : #5e5661 : -8
8 : #5f5463 : -6
10 : #605365 : -4
12 : #615167 : -2
14 : #624f69 : ±0
16 : #634d6a : +2
18 : #644b6c : +4
20 : #64496e : +6
22 : #654870 : +8
24 : #664672 : +10
26 : #674474 : +12
28 : #684276 : +14
30 : #694077 : +16
32 : #6a3e79 : +18
34 : #6a3d7b : +20
36 : #6b3b7d : +22
38 : #6c397f : +24
40 : #6d3781 : +26
42 : #6e3582 : +28
44 : #6f3384 : +30
46 : #703286 : +32
48 : #703088 : +34
50 : #712e8a : +36
52 : #722c8c : +38
54 : #732a8d : +40
56 : #74288f : +42
58 : #752791 : +44
60 : #762593 : +46
62 : #762395 : +48
64 : #772197 : +50
66 : #781f98 : +52
68 : #791d9a : +54
70 : #7a1c9c : +56
72 : #7b1a9e : +58
74 : #7c18a0 : +60
76 : #7c16a2 : +62
78 : #7d14a3 : +64
80 : #7e12a5 : +66
82 : #7f11a7 : +68
84 : #800fa9 : +70
86 : #810dab : +72
88 : #810bad : +74
90 : #8209ae : +76
92 : #8307b0 : +78
94 : #8406b2 : +80
96 : #8504b4 : +82
98 : #8602b6 : +84
100 : #8700b8 : +86
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #050406 : -34
4 : #0b090c : -32
6 : #100d11 : -30
8 : #161217 : -28
10 : #1b161d : -26
12 : #211a23 : -24
14 : #261f29 : -22
16 : #2b232f : -20
18 : #312734 : -18
20 : #362c3a : -16
22 : #3c3040 : -14
24 : #413546 : -12
26 : #47394c : -10
28 : #4c3d51 : -8
30 : #514257 : -6
32 : #57465d : -4
34 : #5c4b63 : -2
36 : #624f69 : ±0
38 : #67536e : +2
40 : #6d5874 : +4
42 : #725c7a : +6
44 : #786080 : +8
46 : #7d6586 : +10
48 : #82698c : +12
50 : #886e91 : +14
52 : #8d7396 : +16
54 : #91799a : +18
56 : #967f9f : +20
58 : #9b85a3 : +22
60 : #a08ba7 : +24
62 : #a491ac : +26
64 : #a996b0 : +28
66 : #ae9cb4 : +30
68 : #b3a2b9 : +32
70 : #b7a8bd : +34
72 : #bcaec2 : +36
74 : #c1b3c6 : +38
76 : #c6b9ca : +40
78 : #cbbfcf : +42
80 : #cfc5d3 : +44
82 : #d4cbd8 : +46
84 : #d9d0dc : +48
86 : #ded6e0 : +50
88 : #e2dce5 : +52
90 : #e7e2e9 : +54
92 : #ece8ed : +56
94 : #f1eef2 : +58
96 : #f5f3f6 : +60
98 : #faf9fb : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow