#406a91
RGB
赤 | 64 |
---|---|
緑 | 106 |
青 | 145 |
HSL
色相 | 209° |
---|---|
彩度 | 39% |
明度 | 41% |
輝度 | 38% |
3桁の色
補色
反転色
RGB ( 赤 = 64, 緑 = 106, 青 = 145 )
HSL ( 色相 = 209°, 彩度 = 39%, 明度 = 41% )
H : 色相 ( 209° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #914c40 : -200
19 : #915a40 : -190
29 : #916740 : -180
39 : #917540 : -170
49 : #918240 : -160
59 : #919040 : -150
69 : #859140 : -140
79 : #789140 : -130
89 : #6a9140 : -120
99 : #5c9140 : -110
109 : #4f9140 : -100
119 : #419140 : -90
129 : #40914c : -80
139 : #40915a : -70
149 : #409167 : -60
159 : #409175 : -50
169 : #409182 : -40
179 : #409190 : -30
189 : #408591 : -20
199 : #407891 : -10
209 : #406a91 : ±0
219 : #405c91 : +10
229 : #404f91 : +20
239 : #404191 : +30
249 : #4c4091 : +40
259 : #5a4091 : +50
269 : #674091 : +60
279 : #754091 : +70
289 : #824091 : +80
299 : #904091 : +90
309 : #914085 : +100
319 : #914078 : +110
329 : #91406a : +120
339 : #91405c : +130
349 : #91404f : +140
359 : #914041 : +150
199 : #407891 : -10
200 : #407691 : -9
201 : #407591 : -8
202 : #407391 : -7
203 : #407291 : -6
204 : #407191 : -5
205 : #406f91 : -4
206 : #406e91 : -3
207 : #406d91 : -2
208 : #406b91 : -1
209 : #406a91 : ±0
210 : #406991 : +1
211 : #406791 : +2
212 : #406691 : +3
213 : #406491 : +4
214 : #406391 : +5
215 : #406291 : +6
216 : #406091 : +7
217 : #405f91 : +8
218 : #405e91 : +9
219 : #405c91 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68696a : -38
3 : #65696c : -36
5 : #63696e : -34
7 : #616970 : -32
9 : #5f6972 : -30
11 : #5d6974 : -28
13 : #5b6976 : -26
15 : #596978 : -24
17 : #57697a : -22
19 : #55697c : -20
21 : #53697f : -18
23 : #516981 : -16
25 : #4e6983 : -14
27 : #4c6985 : -12
29 : #4a6a87 : -10
31 : #486a89 : -8
33 : #466a8b : -6
35 : #446a8d : -4
37 : #426a8f : -2
39 : #406a91 : ±0
41 : #3e6a93 : +2
43 : #3c6a96 : +4
45 : #3a6a98 : +6
47 : #376a9a : +8
49 : #356a9c : +10
51 : #336a9e : +12
53 : #316aa0 : +14
55 : #2f6aa2 : +16
57 : #2d6ba4 : +18
59 : #2b6ba6 : +20
61 : #296ba8 : +22
63 : #276baa : +24
65 : #256bad : +26
67 : #236baf : +28
69 : #206bb1 : +30
71 : #1e6bb3 : +32
73 : #1c6bb5 : +34
75 : #1a6bb7 : +36
77 : #186bb9 : +38
79 : #166bbb : +40
81 : #146bbd : +42
83 : #126bbf : +44
85 : #106cc1 : +46
87 : #0e6cc4 : +48
89 : #0c6cc6 : +50
91 : #096cc8 : +52
93 : #076cca : +54
95 : #056ccc : +56
97 : #036cce : +58
99 : #016cd0 : +60
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020304 : -40
3 : #05080b : -38
5 : #080d12 : -36
7 : #0b1219 : -34
9 : #0e1720 : -32
11 : #111c27 : -30
13 : #14222e : -28
15 : #172735 : -26
17 : #1a2c3c : -24
19 : #1e3143 : -22
21 : #21364a : -20
23 : #243b52 : -18
25 : #274159 : -16
27 : #2a4660 : -14
29 : #2d4b67 : -12
31 : #30506e : -10
33 : #335575 : -8
35 : #365a7c : -6
37 : #3a6083 : -4
39 : #3d658a : -2
41 : #406a91 : ±0
43 : #436f98 : +2
45 : #4674a0 : +4
47 : #4979a7 : +6
49 : #4c7fae : +8
51 : #5184b3 : +10
53 : #5889b6 : +12
55 : #5f8eb9 : +14
57 : #6793bc : +16
59 : #6e98bf : +18
61 : #759dc2 : +20
63 : #7ca2c5 : +22
65 : #83a7c9 : +24
67 : #8aaccc : +26
69 : #91b1cf : +28
71 : #98b6d2 : +30
73 : #9fbbd5 : +32
75 : #a6c0d8 : +34
77 : #adc5db : +36
79 : #b5cade : +38
81 : #bccfe1 : +40
83 : #c3d4e5 : +42
85 : #cad9e8 : +44
87 : #d1deeb : +46
89 : #d8e3ee : +48
91 : #dfe8f1 : +50
93 : #e6edf4 : +52
95 : #edf2f7 : +54
97 : #f4f7fa : +56
99 : #fbfcfd : +58
CSS入門、作ってます。
text-shadow