#6f7690
RGB ( 赤 = 111, 緑 = 118, 青 = 144 )
HSL ( 色相 = 227°, 彩度 = 13%, 明度 = 50% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #90736f : -220
17 : #90786f : -210
27 : #907e6f : -200
37 : #90836f : -190
47 : #90896f : -180
57 : #908e6f : -170
67 : #8c906f : -160
77 : #87906f : -150
87 : #81906f : -140
97 : #7c906f : -130
107 : #76906f : -120
117 : #71906f : -110
127 : #6f9073 : -100
137 : #6f9078 : -90
147 : #6f907e : -80
157 : #6f9083 : -70
167 : #6f9089 : -60
177 : #6f908e : -50
187 : #6f8c90 : -40
197 : #6f8790 : -30
207 : #6f8190 : -20
217 : #6f7c90 : -10
227 : #6f7690 : ±0
237 : #6f7190 : +10
247 : #736f90 : +20
257 : #786f90 : +30
267 : #7e6f90 : +40
277 : #836f90 : +50
287 : #896f90 : +60
297 : #8e6f90 : +70
307 : #906f8c : +80
317 : #906f87 : +90
327 : #906f81 : +100
337 : #906f7c : +110
347 : #906f76 : +120
357 : #906f71 : +130
217 : #6f7c90 : -10
218 : #6f7b90 : -9
219 : #6f7b90 : -8
220 : #6f7a90 : -7
221 : #6f7990 : -6
222 : #6f7990 : -5
223 : #6f7890 : -4
224 : #6f7890 : -3
225 : #6f7790 : -2
226 : #6f7790 : -1
227 : #6f7690 : ±0
228 : #6f7690 : +1
229 : #6f7590 : +2
230 : #6f7490 : +3
231 : #6f7490 : +4
232 : #6f7390 : +5
233 : #6f7390 : +6
234 : #6f7290 : +7
235 : #6f7290 : +8
236 : #6f7190 : +9
237 : #6f7190 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7f81 : -12
3 : #7c7d83 : -10
5 : #797c86 : -8
7 : #777a88 : -6
9 : #74798b : -4
11 : #71788e : -2
13 : #6f7690 : ±0
15 : #6c7593 : +2
17 : #6a7395 : +4
19 : #677298 : +6
21 : #65709a : +8
23 : #626f9d : +10
25 : #606d9f : +12
27 : #5d6ca2 : +14
29 : #5b6ba4 : +16
31 : #5869a7 : +18
33 : #5568aa : +20
35 : #5366ac : +22
37 : #5065af : +24
39 : #4e63b1 : +26
41 : #4b62b4 : +28
43 : #4960b6 : +30
45 : #465fb9 : +32
47 : #445ebb : +34
49 : #415cbe : +36
51 : #3e5bc1 : +38
53 : #3c59c3 : +40
55 : #3958c6 : +42
57 : #3756c8 : +44
59 : #3455cb : +46
61 : #3253cd : +48
63 : #2f52d0 : +50
65 : #2d51d2 : +52
67 : #2a4fd5 : +54
69 : #284ed7 : +56
71 : #254cda : +58
73 : #224bdd : +60
75 : #2049df : +62
77 : #1d48e2 : +64
79 : #1b46e4 : +66
81 : #1845e7 : +68
83 : #1644e9 : +70
85 : #1342ec : +72
87 : #1141ee : +74
89 : #0e3ff1 : +76
91 : #0b3ef4 : +78
93 : #093cf6 : +80
95 : #063bf9 : +82
97 : #0439fb : +84
99 : #0138fe : +86
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040506 : -48
4 : #09090c : -46
6 : #0d0e11 : -44
8 : #121317 : -42
10 : #16181d : -40
12 : #1b1c23 : -38
14 : #1f2128 : -36
16 : #23262e : -34
18 : #282b34 : -32
20 : #2c2f3a : -30
22 : #31343f : -28
24 : #353945 : -26
26 : #3a3d4b : -24
28 : #3e4251 : -22
30 : #434756 : -20
32 : #474c5c : -18
34 : #4b5062 : -16
36 : #505568 : -14
38 : #545a6d : -12
40 : #595e73 : -10
42 : #5d6379 : -8
44 : #62687f : -6
46 : #666d85 : -4
48 : #6a718a : -2
50 : #6f7690 : ±0
52 : #757c95 : +2
54 : #7a8199 : +4
56 : #80879d : +6
58 : #868ca2 : +8
60 : #8c91a6 : +10
62 : #9297ab : +12
64 : #979caf : +14
66 : #9da2b4 : +16
68 : #a3a7b8 : +18
70 : #a9adbc : +20
72 : #aeb2c1 : +22
74 : #b4b8c5 : +24
76 : #babdca : +26
78 : #c0c3ce : +28
80 : #c5c8d3 : +30
82 : #cbced7 : +32
84 : #d1d3dc : +34
86 : #d7d9e0 : +36
88 : #dcdee4 : +38
90 : #e2e4e9 : +40
92 : #e8e9ed : +42
94 : #eeeff2 : +44
96 : #f3f4f6 : +46
98 : #f9fafb : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow