#3b4868
RGB ( 赤 = 59, 緑 = 72, 青 = 104 )
HSL ( 色相 = 223°, 彩度 = 28%, 明度 = 32% )
H : 色相 ( 223° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #683d3b : -220
13 : #68453b : -210
23 : #684c3b : -200
33 : #68543b : -190
43 : #685c3b : -180
53 : #68633b : -170
63 : #66683b : -160
73 : #5f683b : -150
83 : #57683b : -140
93 : #4f683b : -130
103 : #48683b : -120
113 : #40683b : -110
123 : #3b683d : -100
133 : #3b6845 : -90
143 : #3b684c : -80
153 : #3b6854 : -70
163 : #3b685c : -60
173 : #3b6863 : -50
183 : #3b6668 : -40
193 : #3b5f68 : -30
203 : #3b5768 : -20
213 : #3b4f68 : -10
223 : #3b4868 : ±0
233 : #3b4068 : +10
243 : #3d3b68 : +20
253 : #453b68 : +30
263 : #4c3b68 : +40
273 : #543b68 : +50
283 : #5c3b68 : +60
293 : #633b68 : +70
303 : #683b66 : +80
313 : #683b5f : +90
323 : #683b57 : +100
333 : #683b4f : +110
343 : #683b48 : +120
353 : #683b40 : +130
213 : #3b4f68 : -10
214 : #3b4f68 : -9
215 : #3b4e68 : -8
216 : #3b4d68 : -7
217 : #3b4c68 : -6
218 : #3b4c68 : -5
219 : #3b4b68 : -4
220 : #3b4a68 : -3
221 : #3b4968 : -2
222 : #3b4868 : -1
223 : #3b4868 : ±0
224 : #3b4768 : +1
225 : #3b4668 : +2
226 : #3b4568 : +3
227 : #3b4568 : +4
228 : #3b4468 : +5
229 : #3b4368 : +6
230 : #3b4268 : +7
231 : #3b4268 : +8
232 : #3b4168 : +9
233 : #3b4068 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -28
2 : #505153 : -26
4 : #4e5055 : -24
6 : #4d4f56 : -22
8 : #4b4f58 : -20
10 : #494e5a : -18
12 : #484d5b : -16
14 : #464d5d : -14
16 : #454c5f : -12
18 : #434b60 : -10
20 : #414b62 : -8
22 : #404a64 : -6
24 : #3e4965 : -4
26 : #3c4867 : -2
28 : #3b4868 : ±0
30 : #39476a : +2
32 : #37466c : +4
34 : #36466d : +6
36 : #34456f : +8
38 : #334471 : +10
40 : #314372 : +12
42 : #2f4374 : +14
44 : #2e4276 : +16
46 : #2c4177 : +18
48 : #2a4179 : +20
50 : #29407a : +22
52 : #273f7c : +24
54 : #263f7e : +26
56 : #243e7f : +28
58 : #223d81 : +30
60 : #213c83 : +32
62 : #1f3c84 : +34
64 : #1d3b86 : +36
66 : #1c3a87 : +38
68 : #1a3a89 : +40
70 : #18398b : +42
72 : #17388c : +44
74 : #15378e : +46
76 : #143790 : +48
78 : #123691 : +50
80 : #103593 : +52
82 : #0f3595 : +54
84 : #0d3496 : +56
86 : #0b3398 : +58
88 : #0a3299 : +60
90 : #08329b : +62
92 : #07319d : +64
94 : #05309e : +66
96 : #0330a0 : +68
98 : #022fa2 : +70
100 : #002ea3 : +72
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #040407 : -30
4 : #07090d : -28
6 : #0b0d14 : -26
8 : #0f121a : -24
10 : #121621 : -22
12 : #161b27 : -20
14 : #1a1f2e : -18
16 : #1d2434 : -16
18 : #21283b : -14
20 : #252d41 : -12
22 : #283148 : -10
24 : #2c364e : -8
26 : #303a55 : -6
28 : #333f5b : -4
30 : #374362 : -2
32 : #3b4868 : ±0
34 : #3e4c6f : +2
36 : #425176 : +4
38 : #46557c : +6
40 : #495a83 : +8
42 : #4d5e89 : +10
44 : #516390 : +12
46 : #546796 : +14
48 : #586c9d : +16
50 : #5c70a3 : +18
52 : #6276a7 : +20
54 : #697bab : +22
56 : #6f81ae : +24
58 : #7687b2 : +26
60 : #7c8db6 : +28
62 : #8392b9 : +30
64 : #8998bd : +32
66 : #909ec1 : +34
68 : #97a3c4 : +36
70 : #9da9c8 : +38
72 : #a4afcc : +40
74 : #aab5cf : +42
76 : #b1bad3 : +44
78 : #b7c0d7 : +46
80 : #bec6da : +48
82 : #c4ccde : +50
84 : #cbd1e2 : +52
86 : #d1d7e5 : +54
88 : #d8dde9 : +56
90 : #dee2ed : +58
92 : #e5e8f0 : +60
94 : #ebeef4 : +62
96 : #f2f4f8 : +64
98 : #f8f9fb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow