#3c4c96
RGB ( 赤 = 60, 緑 = 76, 青 = 150 )
HSL ( 色相 = 229°, 彩度 = 43%, 明度 = 41% )
H : 色相 ( 229° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #96493c : -220
19 : #96583c : -210
29 : #96673c : -200
39 : #96763c : -190
49 : #96853c : -180
59 : #96943c : -170
69 : #88963c : -160
79 : #79963c : -150
89 : #6a963c : -140
99 : #5b963c : -130
109 : #4c963c : -120
119 : #3d963c : -110
129 : #3c9649 : -100
139 : #3c9658 : -90
149 : #3c9667 : -80
159 : #3c9676 : -70
169 : #3c9685 : -60
179 : #3c9694 : -50
189 : #3c8896 : -40
199 : #3c7996 : -30
209 : #3c6a96 : -20
219 : #3c5b96 : -10
229 : #3c4c96 : ±0
239 : #3c3d96 : +10
249 : #493c96 : +20
259 : #583c96 : +30
269 : #673c96 : +40
279 : #763c96 : +50
289 : #853c96 : +60
299 : #943c96 : +70
309 : #963c88 : +80
319 : #963c79 : +90
329 : #963c6a : +100
339 : #963c5b : +110
349 : #963c4c : +120
359 : #963c3d : +130
219 : #3c5b96 : -10
220 : #3c5a96 : -9
221 : #3c5896 : -8
222 : #3c5796 : -7
223 : #3c5596 : -6
224 : #3c5496 : -5
225 : #3c5296 : -4
226 : #3c5196 : -3
227 : #3c4f96 : -2
228 : #3c4e96 : -1
229 : #3c4c96 : ±0
230 : #3c4b96 : +1
231 : #3c4996 : +2
232 : #3c4896 : +3
233 : #3c4696 : +4
234 : #3c4596 : +5
235 : #3c4396 : +6
236 : #3c4296 : +7
237 : #3c4096 : +8
238 : #3c3f96 : +9
239 : #3c3d96 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68686a : -42
3 : #65676c : -40
5 : #63656e : -38
7 : #616470 : -36
9 : #5f6372 : -34
11 : #5d6174 : -32
13 : #5b6076 : -30
15 : #595f78 : -28
17 : #575d7a : -26
19 : #555c7c : -24
21 : #535b7f : -22
23 : #515981 : -20
25 : #4e5883 : -18
27 : #4c5785 : -16
29 : #4a5587 : -14
31 : #485489 : -12
33 : #46538b : -10
35 : #44518d : -8
37 : #42508f : -6
39 : #404f91 : -4
41 : #3e4d93 : -2
43 : #3c4c96 : ±0
45 : #3a4b98 : +2
47 : #37499a : +4
49 : #35489c : +6
51 : #33479e : +8
53 : #3145a0 : +10
55 : #2f44a2 : +12
57 : #2d43a4 : +14
59 : #2b41a6 : +16
61 : #2940a8 : +18
63 : #273faa : +20
65 : #253ead : +22
67 : #233caf : +24
69 : #203bb1 : +26
71 : #1e3ab3 : +28
73 : #1c38b5 : +30
75 : #1a37b7 : +32
77 : #1836b9 : +34
79 : #1634bb : +36
81 : #1433bd : +38
83 : #1232bf : +40
85 : #1030c1 : +42
87 : #0e2fc4 : +44
89 : #0c2ec6 : +46
91 : #092cc8 : +48
93 : #072bca : +50
95 : #052acc : +52
97 : #0328ce : +54
99 : #0127d0 : +56
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -40
3 : #04060b : -38
5 : #070912 : -36
7 : #0a0d1a : -34
9 : #0d1121 : -32
11 : #101428 : -30
13 : #13182f : -28
15 : #161c37 : -26
17 : #19203e : -24
19 : #1c2345 : -22
21 : #1f274d : -20
23 : #212b54 : -18
25 : #242e5b : -16
27 : #273262 : -14
29 : #2a366a : -12
31 : #2d3a71 : -10
33 : #303d78 : -8
35 : #334180 : -6
37 : #364587 : -4
39 : #39488e : -2
41 : #3c4c96 : ±0
43 : #3f509d : +2
45 : #4153a4 : +4
47 : #4457ab : +6
49 : #475bb3 : +8
51 : #4c60b8 : +10
53 : #5467bb : +12
55 : #5b6dbe : +14
57 : #6273c0 : +16
59 : #697ac3 : +18
61 : #7180c6 : +20
63 : #7887c9 : +22
65 : #7f8dcc : +24
67 : #8794cf : +26
69 : #8e9ad2 : +28
71 : #95a1d5 : +30
73 : #9da7d8 : +32
75 : #a4aedb : +34
77 : #abb4de : +36
79 : #b2bbe0 : +38
81 : #bac1e3 : +40
83 : #c1c8e6 : +42
85 : #c8cee9 : +44
87 : #d0d5ec : +46
89 : #d7dbef : +48
91 : #dee2f2 : +50
93 : #e5e8f5 : +52
95 : #edeff8 : +54
97 : #f4f5fb : +56
99 : #fbfcfe : +58
CSS入門、作ってます。
text-shadow