#404c4f
RGB ( 赤 = 64, 緑 = 76, 青 = 79 )
HSL ( 色相 = 192°, 彩度 = 10%, 明度 = 28% )
H : 色相 ( 192° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #4f4140 : -190
12 : #4f4340 : -180
22 : #4f4540 : -170
32 : #4f4840 : -160
42 : #4f4a40 : -150
52 : #4f4d40 : -140
62 : #4e4f40 : -130
72 : #4c4f40 : -120
82 : #494f40 : -110
92 : #474f40 : -100
102 : #454f40 : -90
112 : #424f40 : -80
122 : #404f41 : -70
132 : #404f43 : -60
142 : #404f45 : -50
152 : #404f48 : -40
162 : #404f4a : -30
172 : #404f4d : -20
182 : #404e4f : -10
192 : #404c4f : ±0
202 : #40494f : +10
212 : #40474f : +20
222 : #40454f : +30
232 : #40424f : +40
242 : #41404f : +50
252 : #43404f : +60
262 : #45404f : +70
272 : #48404f : +80
282 : #4a404f : +90
292 : #4d404f : +100
302 : #4f404e : +110
312 : #4f404c : +120
322 : #4f4049 : +130
332 : #4f4047 : +140
342 : #4f4045 : +150
352 : #4f4042 : +160
182 : #404e4f : -10
183 : #404e4f : -9
184 : #404e4f : -8
185 : #404d4f : -7
186 : #404d4f : -6
187 : #404d4f : -5
188 : #404d4f : -4
189 : #404c4f : -3
190 : #404c4f : -2
191 : #404c4f : -1
192 : #404c4f : ±0
193 : #404b4f : +1
194 : #404b4f : +2
195 : #404b4f : +3
196 : #404b4f : +4
197 : #404a4f : +5
198 : #404a4f : +6
199 : #404a4f : +7
200 : #404a4f : +8
201 : #404a4f : +9
202 : #40494f : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -10
2 : #464849 : -8
4 : #45494a : -6
6 : #434a4c : -4
8 : #424b4d : -2
10 : #404c4f : ±0
12 : #3f4d50 : +2
14 : #3d4d51 : +4
16 : #3c4e53 : +6
18 : #3b4f54 : +8
20 : #395056 : +10
22 : #385157 : +12
24 : #365259 : +14
26 : #35535a : +16
28 : #33535b : +18
30 : #32545d : +20
32 : #31555e : +22
34 : #2f5660 : +24
36 : #2e5761 : +26
38 : #2c5863 : +28
40 : #2b5964 : +30
42 : #295965 : +32
44 : #285a67 : +34
46 : #275b68 : +36
48 : #255c6a : +38
50 : #245d6b : +40
52 : #225e6d : +42
54 : #215f6e : +44
56 : #1f5f6f : +46
58 : #1e6071 : +48
60 : #1d6172 : +50
62 : #1b6274 : +52
64 : #1a6375 : +54
66 : #186477 : +56
68 : #176578 : +58
70 : #156579 : +60
72 : #14667b : +62
74 : #13677c : +64
76 : #11687e : +66
78 : #10697f : +68
80 : #0e6a81 : +70
82 : #0d6b82 : +72
84 : #0b6b83 : +74
86 : #0a6c85 : +76
88 : #096d86 : +78
90 : #076e88 : +80
92 : #066f89 : +82
94 : #04708b : +84
96 : #03718c : +86
98 : #01718d : +88
100 : #00728f : +90
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #050506 : -26
4 : #090b0b : -24
6 : #0e1011 : -22
8 : #121616 : -20
10 : #171b1c : -18
12 : #1c2022 : -16
14 : #202627 : -14
16 : #252b2d : -12
18 : #293132 : -10
20 : #2e3638 : -8
22 : #323b3e : -6
24 : #374143 : -4
26 : #3c4649 : -2
28 : #404c4f : ±0
30 : #455154 : +2
32 : #49565a : +4
34 : #4e5c5f : +6
36 : #536165 : +8
38 : #57676b : +10
40 : #5c6c70 : +12
42 : #607276 : +14
44 : #65777b : +16
46 : #6a7c81 : +18
48 : #6e8287 : +20
50 : #73878c : +22
52 : #788c91 : +24
54 : #7e9195 : +26
56 : #84969a : +28
58 : #899a9f : +30
60 : #8f9fa3 : +32
62 : #94a4a8 : +34
64 : #9aa9ac : +36
66 : #a0aeb1 : +38
68 : #a5b2b6 : +40
70 : #abb7ba : +42
72 : #b0bcbf : +44
74 : #b6c1c3 : +46
76 : #bcc5c8 : +48
78 : #c1cacd : +50
80 : #c7cfd1 : +52
82 : #cdd4d6 : +54
84 : #d2d9da : +56
86 : #d8dddf : +58
88 : #dde2e3 : +60
90 : #e3e7e8 : +62
92 : #e9eced : +64
94 : #eef1f1 : +66
96 : #f4f5f6 : +68
98 : #f9fafa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow