#608a7c
RGB ( 赤 = 96, 緑 = 138, 青 = 124 )
HSL ( 色相 = 160°, 彩度 = 18%, 明度 = 46% )
H : 色相 ( 160° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8a6060 : -160
10 : #8a6760 : -150
20 : #8a6e60 : -140
30 : #8a7560 : -130
40 : #8a7c60 : -120
50 : #8a8360 : -110
60 : #8a8a60 : -100
70 : #838a60 : -90
80 : #7c8a60 : -80
90 : #758a60 : -70
100 : #6e8a60 : -60
110 : #678a60 : -50
120 : #608a60 : -40
130 : #608a67 : -30
140 : #608a6e : -20
150 : #608a75 : -10
160 : #608a7c : ±0
170 : #608a83 : +10
180 : #608a8a : +20
190 : #60838a : +30
200 : #607c8a : +40
210 : #60758a : +50
220 : #606e8a : +60
230 : #60678a : +70
240 : #60608a : +80
250 : #67608a : +90
260 : #6e608a : +100
270 : #75608a : +110
280 : #7c608a : +120
290 : #83608a : +130
300 : #8a608a : +140
310 : #8a6083 : +150
320 : #8a607c : +160
330 : #8a6075 : +170
340 : #8a606e : +180
350 : #8a6067 : +190
150 : #608a75 : -10
151 : #608a76 : -9
152 : #608a77 : -8
153 : #608a77 : -7
154 : #608a78 : -6
155 : #608a79 : -5
156 : #608a7a : -4
157 : #608a7a : -3
158 : #608a7b : -2
159 : #608a7c : -1
160 : #608a7c : ±0
161 : #608a7d : +1
162 : #608a7e : +2
163 : #608a7e : +3
164 : #608a7f : +4
165 : #608a80 : +5
166 : #608a81 : +6
167 : #608a81 : +7
168 : #608a82 : +8
169 : #608a83 : +9
170 : #608a83 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -18
2 : #737876 : -16
4 : #717a77 : -14
6 : #6e7c78 : -12
8 : #6c7f78 : -10
10 : #6a8179 : -8
12 : #67837a : -6
14 : #65867b : -4
16 : #63887c : -2
18 : #608a7c : ±0
20 : #5e8d7d : +2
22 : #5b8f7e : +4
24 : #59917f : +6
26 : #57947f : +8
28 : #549680 : +10
30 : #529881 : +12
32 : #509b82 : +14
34 : #4d9d83 : +16
36 : #4ba083 : +18
38 : #49a284 : +20
40 : #46a485 : +22
42 : #44a786 : +24
44 : #42a987 : +26
46 : #3fab87 : +28
48 : #3dae88 : +30
50 : #3bb089 : +32
52 : #38b28a : +34
54 : #36b58a : +36
56 : #34b78b : +38
58 : #31b98c : +40
60 : #2fbc8d : +42
62 : #2dbe8e : +44
64 : #2ac08e : +46
66 : #28c38f : +48
68 : #26c590 : +50
70 : #23c791 : +52
72 : #21ca91 : +54
74 : #1ecc92 : +56
76 : #1cce93 : +58
78 : #1ad194 : +60
80 : #17d395 : +62
82 : #15d595 : +64
84 : #13d896 : +66
86 : #10da97 : +68
88 : #0edd98 : +70
90 : #0cdf98 : +72
92 : #09e199 : +74
94 : #07e49a : +76
96 : #05e69b : +78
98 : #02e89c : +80
100 : #00eb9c : +82
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #040605 : -44
4 : #080c0b : -42
6 : #0d1210 : -40
8 : #111816 : -38
10 : #151e1b : -36
12 : #192420 : -34
14 : #1d2a26 : -32
16 : #21302b : -30
18 : #263631 : -28
20 : #2a3c36 : -26
22 : #2e423b : -24
24 : #324841 : -22
26 : #364e46 : -20
28 : #3b544c : -18
30 : #3f5a51 : -16
32 : #436056 : -14
34 : #47665c : -12
36 : #4b6c61 : -10
38 : #4f7267 : -8
40 : #54786c : -6
42 : #587e72 : -4
44 : #5c8477 : -2
46 : #608a7c : ±0
48 : #649082 : +2
50 : #699687 : +4
52 : #6f9b8c : +6
54 : #759f91 : +8
56 : #7ba396 : +10
58 : #81a79a : +12
60 : #87ab9f : +14
62 : #8db0a4 : +16
64 : #93b4a9 : +18
66 : #99b8ae : +20
68 : #9fbcb2 : +22
70 : #a5c0b7 : +24
72 : #abc4bc : +26
74 : #b1c9c1 : +28
76 : #b7cdc5 : +30
78 : #bdd1ca : +32
80 : #c3d5cf : +34
82 : #c9d9d4 : +36
84 : #cfded9 : +38
86 : #d5e2dd : +40
88 : #dbe6e2 : +42
90 : #e1eae7 : +44
92 : #e7eeec : +46
94 : #edf2f1 : +48
96 : #f3f7f5 : +50
98 : #f9fbfa : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow