#404d7d
RGB ( 赤 = 64, 緑 = 77, 青 = 125 )
HSL ( 色相 = 227°, 彩度 = 32%, 明度 = 37% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #7d4740 : -220
17 : #7d5140 : -210
27 : #7d5b40 : -200
37 : #7d6540 : -190
47 : #7d6f40 : -180
57 : #7d7a40 : -170
67 : #757d40 : -160
77 : #6b7d40 : -150
87 : #617d40 : -140
97 : #577d40 : -130
107 : #4d7d40 : -120
117 : #437d40 : -110
127 : #407d47 : -100
137 : #407d51 : -90
147 : #407d5b : -80
157 : #407d65 : -70
167 : #407d6f : -60
177 : #407d7a : -50
187 : #40757d : -40
197 : #406b7d : -30
207 : #40617d : -20
217 : #40577d : -10
227 : #404d7d : ±0
237 : #40437d : +10
247 : #47407d : +20
257 : #51407d : +30
267 : #5b407d : +40
277 : #65407d : +50
287 : #6f407d : +60
297 : #7a407d : +70
307 : #7d4075 : +80
317 : #7d406b : +90
327 : #7d4061 : +100
337 : #7d4057 : +110
347 : #7d404d : +120
357 : #7d4043 : +130
217 : #40577d : -10
218 : #40567d : -9
219 : #40557d : -8
220 : #40547d : -7
221 : #40537d : -6
222 : #40527d : -5
223 : #40517d : -4
224 : #40507d : -3
225 : #404f7d : -2
226 : #404e7d : -1
227 : #404d7d : ±0
228 : #404c7d : +1
229 : #404b7d : +2
230 : #404a7d : +3
231 : #40497d : +4
232 : #40487d : +5
233 : #40477d : +6
234 : #40467d : +7
235 : #40457d : +8
236 : #40447d : +9
237 : #40437d : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -32
2 : #5c5d60 : -30
4 : #5b5c62 : -28
6 : #595b64 : -26
8 : #575a66 : -24
10 : #555968 : -22
12 : #53586a : -20
14 : #51576c : -18
16 : #4f566d : -16
18 : #4d556f : -14
20 : #4b5471 : -12
22 : #4a5373 : -10
24 : #485275 : -8
26 : #465077 : -6
28 : #444f79 : -4
30 : #424e7b : -2
32 : #404d7d : ±0
34 : #3e4c7e : +2
36 : #3c4b80 : +4
38 : #3a4a82 : +6
40 : #394984 : +8
42 : #374886 : +10
44 : #354788 : +12
46 : #33468a : +14
48 : #31458c : +16
50 : #2f448e : +18
52 : #2d438f : +20
54 : #2b4191 : +22
56 : #2a4093 : +24
58 : #283f95 : +26
60 : #263e97 : +28
62 : #243d99 : +30
64 : #223c9b : +32
66 : #203b9d : +34
68 : #1e3a9f : +36
70 : #1c39a0 : +38
72 : #1a38a2 : +40
74 : #1937a4 : +42
76 : #1736a6 : +44
78 : #1535a8 : +46
80 : #1334aa : +48
82 : #1133ac : +50
84 : #0f31ae : +52
86 : #0d30af : +54
88 : #0b2fb1 : +56
90 : #092eb3 : +58
92 : #082db5 : +60
94 : #062cb7 : +62
96 : #042bb9 : +64
98 : #022abb : +66
100 : #0029bd : +68
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -36
3 : #05060a : -34
5 : #090a11 : -32
7 : #0c0f18 : -30
9 : #10131e : -28
11 : #131725 : -26
13 : #171b2c : -24
15 : #1a1f32 : -22
17 : #1d2339 : -20
19 : #212840 : -18
21 : #242c47 : -16
23 : #28304d : -14
25 : #2b3454 : -12
27 : #2f385b : -10
29 : #323d62 : -8
31 : #364168 : -6
33 : #39456f : -4
35 : #3d4976 : -2
37 : #404d7d : ±0
39 : #445183 : +2
41 : #47568a : +4
43 : #4b5a91 : +6
45 : #4e5e97 : +8
47 : #51629e : +10
49 : #5566a5 : +12
51 : #5a6baa : +14
53 : #6171ae : +16
55 : #6877b1 : +18
57 : #6e7db4 : +20
59 : #7583b8 : +22
61 : #7c8abb : +24
63 : #8290bf : +26
65 : #8996c2 : +28
67 : #909cc6 : +30
69 : #97a2c9 : +32
71 : #9da8cd : +34
73 : #a4aed0 : +36
75 : #abb4d4 : +38
77 : #b2bad7 : +40
79 : #b8c0db : +42
81 : #bfc6de : +44
83 : #c6cce2 : +46
85 : #cdd2e5 : +48
87 : #d3d8e8 : +50
89 : #dadeec : +52
91 : #e1e4ef : +54
93 : #e7eaf3 : +56
95 : #eef0f6 : +58
97 : #f5f6fa : +60
99 : #fcfcfd : +62
CSS入門、作ってます。
text-shadow