#6f8b7d
RGB ( 赤 = 111, 緑 = 139, 青 = 125 )
HSL ( 色相 = 150°, 彩度 = 11%, 明度 = 49% )
H : 色相 ( 150° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8b6f6f : -150
10 : #8b746f : -140
20 : #8b786f : -130
30 : #8b7d6f : -120
40 : #8b826f : -110
50 : #8b866f : -100
60 : #8b8b6f : -90
70 : #868b6f : -80
80 : #828b6f : -70
90 : #7d8b6f : -60
100 : #788b6f : -50
110 : #748b6f : -40
120 : #6f8b6f : -30
130 : #6f8b74 : -20
140 : #6f8b78 : -10
150 : #6f8b7d : ±0
160 : #6f8b82 : +10
170 : #6f8b86 : +20
180 : #6f8b8b : +30
190 : #6f868b : +40
200 : #6f828b : +50
210 : #6f7d8b : +60
220 : #6f788b : +70
230 : #6f748b : +80
240 : #6f6f8b : +90
250 : #746f8b : +100
260 : #786f8b : +110
270 : #7d6f8b : +120
280 : #826f8b : +130
290 : #866f8b : +140
300 : #8b6f8b : +150
310 : #8b6f86 : +160
320 : #8b6f82 : +170
330 : #8b6f7d : +180
340 : #8b6f78 : +190
350 : #8b6f74 : +200
140 : #6f8b78 : -10
141 : #6f8b79 : -9
142 : #6f8b79 : -8
143 : #6f8b7a : -7
144 : #6f8b7a : -6
145 : #6f8b7b : -5
146 : #6f8b7b : -4
147 : #6f8b7c : -3
148 : #6f8b7c : -2
149 : #6f8b7c : -1
150 : #6f8b7d : ±0
151 : #6f8b7d : +1
152 : #6f8b7e : +2
153 : #6f8b7e : +3
154 : #6f8b7f : +4
155 : #6f8b7f : +5
156 : #6f8b80 : +6
157 : #6f8b80 : +7
158 : #6f8b81 : +8
159 : #6f8b81 : +9
160 : #6f8b82 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7d : -10
3 : #79817d : -8
5 : #77837d : -6
7 : #74867d : -4
9 : #72887d : -2
11 : #6f8b7d : ±0
13 : #6d8d7d : +2
15 : #6a907d : +4
17 : #68927d : +6
19 : #65957d : +8
21 : #63977d : +10
23 : #609a7d : +12
25 : #5e9c7d : +14
27 : #5b9f7d : +16
29 : #59a17d : +18
31 : #56a47d : +20
33 : #54a67d : +22
35 : #51a97d : +24
37 : #4fab7d : +26
39 : #4cae7d : +28
41 : #4ab07d : +30
43 : #47b37d : +32
45 : #45b57d : +34
47 : #42b87d : +36
49 : #40ba7d : +38
51 : #3dbd7d : +40
53 : #3bbf7d : +42
55 : #38c27d : +44
57 : #36c47d : +46
59 : #33c77d : +48
61 : #31c97d : +50
63 : #2ecc7d : +52
65 : #2cce7d : +54
67 : #29d17d : +56
69 : #27d37d : +58
71 : #24d67d : +60
73 : #22d87d : +62
75 : #1fdb7d : +64
77 : #1ddd7d : +66
79 : #1ae07d : +68
81 : #18e27d : +70
83 : #15e57d : +72
85 : #13e77d : +74
87 : #10ea7d : +76
89 : #0eec7d : +78
91 : #0bef7d : +80
93 : #09f17d : +82
95 : #06f47d : +84
97 : #04f67d : +86
99 : #01f97d : +88
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -48
3 : #070808 : -46
5 : #0b0e0d : -44
7 : #101412 : -42
9 : #141917 : -40
11 : #191f1c : -38
13 : #1e2521 : -36
15 : #222a26 : -34
17 : #27302b : -32
19 : #2b3630 : -30
21 : #303b36 : -28
23 : #34413b : -26
25 : #394740 : -24
27 : #3d4c45 : -22
29 : #42524a : -20
31 : #46584f : -18
33 : #4b5d54 : -16
35 : #4f6359 : -14
37 : #54695e : -12
39 : #596e63 : -10
41 : #5d7469 : -8
43 : #627a6e : -6
45 : #667f73 : -4
47 : #6b8578 : -2
49 : #6f8b7d : ±0
51 : #749082 : +2
53 : #7a9487 : +4
55 : #80998c : +6
57 : #859d91 : +8
59 : #8ba296 : +10
61 : #91a69c : +12
63 : #96aba1 : +14
65 : #9cb0a6 : +16
67 : #a2b4ab : +18
69 : #a7b9b0 : +20
71 : #adbdb5 : +22
73 : #b3c2ba : +24
75 : #b8c6bf : +26
77 : #becbc4 : +28
79 : #c4cfc9 : +30
81 : #c9d4cf : +32
83 : #cfd8d4 : +34
85 : #d5ddd9 : +36
87 : #dae1de : +38
89 : #e0e6e3 : +40
91 : #e6ebe8 : +42
93 : #ebefed : +44
95 : #f1f4f2 : +46
97 : #f7f8f7 : +48
99 : #fcfdfc : +50
CSS入門、作ってます。
text-shadow