#69967b
RGB ( 赤 = 105, 緑 = 150, 青 = 123 )
HSL ( 色相 = 144°, 彩度 = 18%, 明度 = 50% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #966c69 : -140
14 : #967369 : -130
24 : #967b69 : -120
34 : #968369 : -110
44 : #968a69 : -100
54 : #969269 : -90
64 : #939669 : -80
74 : #8c9669 : -70
84 : #849669 : -60
94 : #7c9669 : -50
104 : #759669 : -40
114 : #6d9669 : -30
124 : #69966c : -20
134 : #699673 : -10
144 : #69967b : ±0
154 : #699683 : +10
164 : #69968a : +20
174 : #699692 : +30
184 : #699396 : +40
194 : #698c96 : +50
204 : #698496 : +60
214 : #697c96 : +70
224 : #697596 : +80
234 : #696d96 : +90
244 : #6c6996 : +100
254 : #736996 : +110
264 : #7b6996 : +120
274 : #836996 : +130
284 : #8a6996 : +140
294 : #926996 : +150
304 : #966993 : +160
314 : #96698c : +170
324 : #966984 : +180
334 : #96697c : +190
344 : #966975 : +200
354 : #96696d : +210
134 : #699673 : -10
135 : #699674 : -9
136 : #699675 : -8
137 : #699676 : -7
138 : #699676 : -6
139 : #699677 : -5
140 : #699678 : -4
141 : #699679 : -3
142 : #699679 : -2
143 : #69967a : -1
144 : #69967b : ±0
145 : #69967c : +1
146 : #69967c : +2
147 : #69967d : +3
148 : #69967e : +4
149 : #69967f : +5
150 : #699680 : +6
151 : #699680 : +7
152 : #699681 : +8
153 : #699682 : +9
154 : #699683 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -18
2 : #7d827f : -16
4 : #7a857e : -14
6 : #78877e : -12
8 : #758a7d : -10
10 : #738c7d : -8
12 : #708f7c : -6
14 : #6e917c : -4
16 : #6b947b : -2
18 : #69967b : ±0
20 : #66997a : +2
22 : #639c7a : +4
24 : #619e79 : +6
26 : #5ea179 : +8
28 : #5ca378 : +10
30 : #59a678 : +12
32 : #57a877 : +14
34 : #54ab77 : +16
36 : #52ad76 : +18
38 : #4fb076 : +20
40 : #4db375 : +22
42 : #4ab575 : +24
44 : #47b874 : +26
46 : #45ba74 : +28
48 : #42bd73 : +30
50 : #40bf73 : +32
52 : #3dc272 : +34
54 : #3bc472 : +36
56 : #38c771 : +38
58 : #36c971 : +40
60 : #33cc70 : +42
62 : #30cf70 : +44
64 : #2ed16f : +46
66 : #2bd46f : +48
68 : #29d66e : +50
70 : #26d96e : +52
72 : #24db6d : +54
74 : #21de6d : +56
76 : #1fe06c : +58
78 : #1ce36c : +60
80 : #1ae66b : +62
82 : #17e86b : +64
84 : #14eb6a : +66
86 : #12ed6a : +68
88 : #0ff069 : +70
90 : #0df269 : +72
92 : #0af568 : +74
94 : #08f768 : +76
96 : #05fa67 : +78
98 : #03fc67 : +80
100 : #00ff66 : +82
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040605 : -48
4 : #080c0a : -46
6 : #0d120f : -44
8 : #111814 : -42
10 : #151e19 : -40
12 : #19241d : -38
14 : #1d2a22 : -36
16 : #213027 : -34
18 : #26362c : -32
20 : #2a3c31 : -30
22 : #2e4236 : -28
24 : #32483b : -26
26 : #364e40 : -24
28 : #3b5445 : -22
30 : #3f5a4a : -20
32 : #43604f : -18
34 : #476654 : -16
36 : #4b6c58 : -14
38 : #4f725d : -12
40 : #547862 : -10
42 : #587e67 : -8
44 : #5c846c : -6
46 : #608a71 : -4
48 : #649076 : -2
50 : #69967b : ±0
52 : #6f9b80 : +2
54 : #759f85 : +4
56 : #7ba38b : +6
58 : #81a790 : +8
60 : #87ab95 : +10
62 : #8db09b : +12
64 : #93b4a0 : +14
66 : #99b8a5 : +16
68 : #9fbcaa : +18
70 : #a5c0b0 : +20
72 : #abc4b5 : +22
74 : #b1c9ba : +24
76 : #b7cdc0 : +26
78 : #bdd1c5 : +28
80 : #c3d5ca : +30
82 : #c9d9cf : +32
84 : #cfded5 : +34
86 : #d5e2da : +36
88 : #dbe6df : +38
90 : #e1eae5 : +40
92 : #e7eeea : +42
94 : #edf2ef : +44
96 : #f3f7f4 : +46
98 : #f9fbfa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow