#5431a5
RGB ( 赤 = 84, 緑 = 49, 青 = 165 )
HSL ( 色相 = 258°, 彩度 = 54%, 明度 = 42% )
H : 色相 ( 258° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a54131 : -250
18 : #a55431 : -240
28 : #a56731 : -230
38 : #a57b31 : -220
48 : #a58e31 : -210
58 : #a5a131 : -200
68 : #96a531 : -190
78 : #82a531 : -180
88 : #6fa531 : -170
98 : #5ca531 : -160
108 : #48a531 : -150
118 : #35a531 : -140
128 : #31a541 : -130
138 : #31a554 : -120
148 : #31a567 : -110
158 : #31a57b : -100
168 : #31a58e : -90
178 : #31a5a1 : -80
188 : #3196a5 : -70
198 : #3182a5 : -60
208 : #316fa5 : -50
218 : #315ca5 : -40
228 : #3148a5 : -30
238 : #3135a5 : -20
248 : #4131a5 : -10
258 : #5431a5 : ±0
268 : #6731a5 : +10
278 : #7b31a5 : +20
288 : #8e31a5 : +30
298 : #a131a5 : +40
308 : #a53196 : +50
318 : #a53182 : +60
328 : #a5316f : +70
338 : #a5315c : +80
348 : #a53148 : +90
358 : #a53135 : +100
248 : #4131a5 : -10
249 : #4331a5 : -9
250 : #4531a5 : -8
251 : #4631a5 : -7
252 : #4831a5 : -6
253 : #4a31a5 : -5
254 : #4c31a5 : -4
255 : #4e31a5 : -3
256 : #5031a5 : -2
257 : #5231a5 : -1
258 : #5431a5 : ±0
259 : #5631a5 : +1
260 : #5831a5 : +2
261 : #5a31a5 : +3
262 : #5c31a5 : +4
263 : #5e31a5 : +5
264 : #6031a5 : +6
265 : #6131a5 : +7
266 : #6331a5 : +8
267 : #6531a5 : +9
268 : #6731a5 : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -54
2 : #6a696d : -52
4 : #69676f : -50
6 : #696572 : -48
8 : #686374 : -46
10 : #676076 : -44
12 : #665e78 : -42
14 : #655c7a : -40
16 : #645a7c : -38
18 : #63587e : -36
20 : #635681 : -34
22 : #625483 : -32
24 : #615185 : -30
26 : #604f87 : -28
28 : #5f4d89 : -26
30 : #5e4b8b : -24
32 : #5d498d : -22
34 : #5d4790 : -20
36 : #5c4592 : -18
38 : #5b4294 : -16
40 : #5a4096 : -14
42 : #593e98 : -12
44 : #583c9a : -10
46 : #573a9c : -8
48 : #57389f : -6
50 : #5636a1 : -4
52 : #5533a3 : -2
54 : #5431a5 : ±0
56 : #532fa7 : +2
58 : #522da9 : +4
60 : #512bab : +6
62 : #5129ae : +8
64 : #5027b0 : +10
66 : #4f24b2 : +12
68 : #4e22b4 : +14
70 : #4d20b6 : +16
72 : #4c1eb8 : +18
74 : #4b1cba : +20
76 : #4b1abc : +22
78 : #4a18bf : +24
80 : #4915c1 : +26
82 : #4813c3 : +28
84 : #4711c5 : +30
86 : #460fc7 : +32
88 : #450dc9 : +34
90 : #450bcb : +36
92 : #4409ce : +38
94 : #4306d0 : +40
96 : #4204d2 : +42
98 : #4102d4 : +44
100 : #4000d6 : +46
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #040208 : -40
4 : #080510 : -38
6 : #0c0718 : -36
8 : #10091f : -34
10 : #140c27 : -32
12 : #180e2f : -30
14 : #1c1037 : -28
16 : #20133f : -26
18 : #241547 : -24
20 : #28174f : -22
22 : #2c1a56 : -20
24 : #301c5e : -18
26 : #341e66 : -16
28 : #38216e : -14
30 : #3c2376 : -12
32 : #40267e : -10
34 : #442886 : -8
36 : #482a8d : -6
38 : #4c2d95 : -4
40 : #502f9d : -2
42 : #5431a5 : ±0
44 : #5834ad : +2
46 : #5c36b5 : +4
48 : #6038bc : +6
50 : #643bc4 : +8
52 : #6a43c7 : +10
54 : #704ac9 : +12
56 : #7752cb : +14
58 : #7d5ace : +16
60 : #8362d0 : +18
62 : #896ad2 : +20
64 : #8f72d5 : +22
66 : #9679d7 : +24
68 : #9c81d9 : +26
70 : #a289dc : +28
72 : #a891de : +30
74 : #ae99e1 : +32
76 : #b5a1e3 : +34
78 : #bba9e5 : +36
80 : #c1b0e8 : +38
82 : #c7b8ea : +40
84 : #cdc0ec : +42
86 : #d4c8ef : +44
88 : #dad0f1 : +46
90 : #e0d8f3 : +48
92 : #e6e0f6 : +50
94 : #ece7f8 : +52
96 : #f3effa : +54
98 : #f9f7fd : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow