#25496a
RGB ( 赤 = 37, 緑 = 73, 青 = 106 )
HSL ( 色相 = 209°, 彩度 = 48%, 明度 = 28% )
H : 色相 ( 209° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #6a2f25 : -200
19 : #6a3b25 : -190
29 : #6a4625 : -180
39 : #6a5225 : -170
49 : #6a5d25 : -160
59 : #6a6925 : -150
69 : #5f6a25 : -140
79 : #546a25 : -130
89 : #496a25 : -120
99 : #3d6a25 : -110
109 : #326a25 : -100
119 : #266a25 : -90
129 : #256a2f : -80
139 : #256a3b : -70
149 : #256a46 : -60
159 : #256a52 : -50
169 : #256a5d : -40
179 : #256a69 : -30
189 : #255f6a : -20
199 : #25546a : -10
209 : #25496a : ±0
219 : #253d6a : +10
229 : #25326a : +20
239 : #25266a : +30
249 : #2f256a : +40
259 : #3b256a : +50
269 : #46256a : +60
279 : #52256a : +70
289 : #5d256a : +80
299 : #69256a : +90
309 : #6a255f : +100
319 : #6a2554 : +110
329 : #6a2549 : +120
339 : #6a253d : +130
349 : #6a2532 : +140
359 : #6a2526 : +150
199 : #25546a : -10
200 : #25536a : -9
201 : #25526a : -8
202 : #25516a : -7
203 : #254f6a : -6
204 : #254e6a : -5
205 : #254d6a : -4
206 : #254c6a : -3
207 : #254b6a : -2
208 : #254a6a : -1
209 : #25496a : ±0
210 : #25476a : +1
211 : #25466a : +2
212 : #25456a : +3
213 : #25446a : +4
214 : #25436a : +5
215 : #25426a : +6
216 : #25416a : +7
217 : #253f6a : +8
218 : #253e6a : +9
219 : #253d6a : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -48
2 : #464749 : -46
4 : #45474a : -44
6 : #43484c : -42
8 : #42484d : -40
10 : #40484f : -38
12 : #3f4850 : -36
14 : #3d4851 : -34
16 : #3c4853 : -32
18 : #3b4854 : -30
20 : #394856 : -28
22 : #384857 : -26
24 : #364859 : -24
26 : #35485a : -22
28 : #33485b : -20
30 : #32485d : -18
32 : #31485e : -16
34 : #2f4860 : -14
36 : #2e4861 : -12
38 : #2c4863 : -10
40 : #2b4864 : -8
42 : #294865 : -6
44 : #284867 : -4
46 : #274868 : -2
48 : #25496a : ±0
50 : #24496b : +2
52 : #22496d : +4
54 : #21496e : +6
56 : #1f496f : +8
58 : #1e4971 : +10
60 : #1d4972 : +12
62 : #1b4974 : +14
64 : #1a4975 : +16
66 : #184977 : +18
68 : #174978 : +20
70 : #154979 : +22
72 : #14497b : +24
74 : #13497c : +26
76 : #11497e : +28
78 : #10497f : +30
80 : #0e4981 : +32
82 : #0d4982 : +34
84 : #0b4983 : +36
86 : #0a4985 : +38
88 : #094986 : +40
90 : #074a88 : +42
92 : #064a89 : +44
94 : #044a8b : +46
96 : #034a8c : +48
98 : #014a8d : +50
100 : #004a8f : +52
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030508 : -26
4 : #050a0f : -24
6 : #081017 : -22
8 : #0b151e : -20
10 : #0d1a26 : -18
12 : #101f2d : -16
14 : #132435 : -14
16 : #15293c : -12
18 : #182f44 : -10
20 : #1b344b : -8
22 : #1d3953 : -6
24 : #203e5b : -4
26 : #224362 : -2
28 : #25496a : ±0
30 : #284e71 : +2
32 : #2a5379 : +4
34 : #2d5880 : +6
36 : #305d88 : +8
38 : #32628f : +10
40 : #356897 : +12
42 : #386d9f : +14
44 : #3a72a6 : +16
46 : #3d77ae : +18
48 : #407cb5 : +20
50 : #4282bd : +22
52 : #4a87bf : +24
54 : #518cc2 : +26
56 : #5991c5 : +28
58 : #6096c7 : +30
60 : #689bca : +32
62 : #70a0cd : +34
64 : #77a5cf : +36
66 : #7faad2 : +38
68 : #86afd5 : +40
70 : #8eb4d7 : +42
72 : #95b9da : +44
74 : #9dbedd : +46
76 : #a4c3df : +48
78 : #acc8e2 : +50
80 : #b4cde4 : +52
82 : #bbd2e7 : +54
84 : #c3d7ea : +56
86 : #cadcec : +58
88 : #d2e1ef : +60
90 : #d9e6f2 : +62
92 : #e1ebf4 : +64
94 : #e8f0f7 : +66
96 : #f0f5fa : +68
98 : #f7fafc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow