#424f85
RGB ( 赤 = 66, 緑 = 79, 青 = 133 )
HSL ( 色相 = 228°, 彩度 = 34%, 明度 = 39% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #854b42 : -220
18 : #855642 : -210
28 : #856142 : -200
38 : #856c42 : -190
48 : #857842 : -180
58 : #858342 : -170
68 : #7c8542 : -160
78 : #718542 : -150
88 : #668542 : -140
98 : #5a8542 : -130
108 : #4f8542 : -120
118 : #448542 : -110
128 : #42854b : -100
138 : #428556 : -90
148 : #428561 : -80
158 : #42856c : -70
168 : #428578 : -60
178 : #428583 : -50
188 : #427c85 : -40
198 : #427185 : -30
208 : #426685 : -20
218 : #425a85 : -10
228 : #424f85 : ±0
238 : #424485 : +10
248 : #4b4285 : +20
258 : #564285 : +30
268 : #614285 : +40
278 : #6c4285 : +50
288 : #784285 : +60
298 : #834285 : +70
308 : #85427c : +80
318 : #854271 : +90
328 : #854266 : +100
338 : #85425a : +110
348 : #85424f : +120
358 : #854244 : +130
218 : #425a85 : -10
219 : #425985 : -9
220 : #425885 : -8
221 : #425785 : -7
222 : #425685 : -6
223 : #425585 : -5
224 : #425485 : -4
225 : #425385 : -3
226 : #425185 : -2
227 : #425085 : -1
228 : #424f85 : ±0
229 : #424e85 : +1
230 : #424d85 : +2
231 : #424c85 : +3
232 : #424b85 : +4
233 : #424a85 : +5
234 : #424885 : +6
235 : #424785 : +7
236 : #424685 : +8
237 : #424585 : +9
238 : #424485 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -34
2 : #616265 : -32
4 : #5f6167 : -30
6 : #5d6069 : -28
8 : #5b5f6b : -26
10 : #5a5d6d : -24
12 : #585c6f : -22
14 : #565b71 : -20
16 : #545a73 : -18
18 : #525975 : -16
20 : #505877 : -14
22 : #4e5679 : -12
24 : #4c557b : -10
26 : #4a547d : -8
28 : #48537f : -6
30 : #465281 : -4
32 : #445083 : -2
34 : #424f85 : ±0
36 : #404e87 : +2
38 : #3e4d89 : +4
40 : #3c4c8b : +6
42 : #3a4a8d : +8
44 : #38498f : +10
46 : #364891 : +12
48 : #344793 : +14
50 : #324695 : +16
52 : #304497 : +18
54 : #2e4399 : +20
56 : #2c429b : +22
58 : #2a419d : +24
60 : #28409f : +26
62 : #263ea1 : +28
64 : #243da3 : +30
66 : #223ca5 : +32
68 : #203ba7 : +34
70 : #1e3aa9 : +36
72 : #1c38ab : +38
74 : #1a37ad : +40
76 : #1836af : +42
78 : #1635b1 : +44
80 : #1434b3 : +46
82 : #1233b5 : +48
84 : #1031b7 : +50
86 : #0e30b9 : +52
88 : #0c2fbb : +54
90 : #0a2ebd : +56
92 : #082dbf : +58
94 : #062bc1 : +60
96 : #042ac3 : +62
98 : #0229c5 : +64
100 : #0028c7 : +66
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -38
3 : #05060a : -36
5 : #080a11 : -34
7 : #0c0e18 : -32
9 : #0f121f : -30
11 : #131626 : -28
13 : #161a2c : -26
15 : #191e33 : -24
17 : #1d233a : -22
19 : #202741 : -20
21 : #232b48 : -18
23 : #272f4f : -16
25 : #2a3355 : -14
27 : #2d375c : -12
29 : #313b63 : -10
31 : #343f6a : -8
33 : #384371 : -6
35 : #3b4778 : -4
37 : #3e4b7e : -2
39 : #424f85 : ±0
41 : #45538c : +2
43 : #485793 : +4
45 : #4c5b9a : +6
47 : #4f5fa1 : +8
49 : #5263a7 : +10
51 : #5869ad : +12
53 : #5e6fb0 : +14
55 : #6575b3 : +16
57 : #6c7bb7 : +18
59 : #7381ba : +20
61 : #7a87bd : +22
63 : #818dc1 : +24
65 : #8794c4 : +26
67 : #8e9ac7 : +28
69 : #95a0cb : +30
71 : #9ca6ce : +32
73 : #a3acd2 : +34
75 : #aab2d5 : +36
77 : #b0b8d8 : +38
79 : #b7bfdc : +40
81 : #bec5df : +42
83 : #c5cbe2 : +44
85 : #ccd1e6 : +46
87 : #d3d7e9 : +48
89 : #d9ddec : +50
91 : #e0e3f0 : +52
93 : #e7eaf3 : +54
95 : #eef0f7 : +56
97 : #f5f6fa : +58
99 : #fcfcfd : +60
CSS入門、作ってます。
text-shadow