#754d89
RGB ( 赤 = 117, 緑 = 77, 青 = 137 )
HSL ( 色相 = 280°, 彩度 = 28%, 明度 = 42% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #894d4d : -280
10 : #89574d : -270
20 : #89614d : -260
30 : #896b4d : -250
40 : #89754d : -240
50 : #897f4d : -230
60 : #89894d : -220
70 : #7f894d : -210
80 : #75894d : -200
90 : #6b894d : -190
100 : #61894d : -180
110 : #57894d : -170
120 : #4d894d : -160
130 : #4d8957 : -150
140 : #4d8961 : -140
150 : #4d896b : -130
160 : #4d8975 : -120
170 : #4d897f : -110
180 : #4d8989 : -100
190 : #4d7f89 : -90
200 : #4d7589 : -80
210 : #4d6b89 : -70
220 : #4d6189 : -60
230 : #4d5789 : -50
240 : #4d4d89 : -40
250 : #574d89 : -30
260 : #614d89 : -20
270 : #6b4d89 : -10
280 : #754d89 : ±0
290 : #7f4d89 : +10
300 : #894d89 : +20
310 : #894d7f : +30
320 : #894d75 : +40
330 : #894d6b : +50
340 : #894d61 : +60
350 : #894d57 : +70
270 : #6b4d89 : -10
271 : #6c4d89 : -9
272 : #6d4d89 : -8
273 : #6e4d89 : -7
274 : #6f4d89 : -6
275 : #704d89 : -5
276 : #714d89 : -4
277 : #724d89 : -3
278 : #734d89 : -2
279 : #744d89 : -1
280 : #754d89 : ±0
281 : #764d89 : +1
282 : #774d89 : +2
283 : #784d89 : +3
284 : #794d89 : +4
285 : #7a4d89 : +5
286 : #7b4d89 : +6
287 : #7c4d89 : +7
288 : #7d4d89 : +8
289 : #7e4d89 : +9
290 : #7f4d89 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -28
2 : #6c696d : -26
4 : #6d676f : -24
6 : #6d6572 : -22
8 : #6e6374 : -20
10 : #6f6076 : -18
12 : #6f5e78 : -16
14 : #705c7a : -14
16 : #715a7c : -12
18 : #72587e : -10
20 : #725681 : -8
22 : #735483 : -6
24 : #745185 : -4
26 : #744f87 : -2
28 : #754d89 : ±0
30 : #764b8b : +2
32 : #77498d : +4
34 : #774790 : +6
36 : #784592 : +8
38 : #794294 : +10
40 : #794096 : +12
42 : #7a3e98 : +14
44 : #7b3c9a : +16
46 : #7c3a9c : +18
48 : #7c389f : +20
50 : #7d36a1 : +22
52 : #7e33a3 : +24
54 : #7e31a5 : +26
56 : #7f2fa7 : +28
58 : #802da9 : +30
60 : #812bab : +32
62 : #8129ae : +34
64 : #8227b0 : +36
66 : #8324b2 : +38
68 : #8322b4 : +40
70 : #8420b6 : +42
72 : #851eb8 : +44
74 : #861cba : +46
76 : #861abc : +48
78 : #8718bf : +50
80 : #8815c1 : +52
82 : #8813c3 : +54
84 : #8911c5 : +56
86 : #8a0fc7 : +58
88 : #8b0dc9 : +60
90 : #8b0bcb : +62
92 : #8c09ce : +64
94 : #8d06d0 : +66
96 : #8d04d2 : +68
98 : #8e02d4 : +70
100 : #8f00d6 : +72
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #060407 : -40
4 : #0b070d : -38
6 : #110b14 : -36
8 : #160f1a : -34
10 : #1c1221 : -32
12 : #211627 : -30
14 : #271a2e : -28
16 : #2d1d34 : -26
18 : #32213b : -24
20 : #382541 : -22
22 : #3d2848 : -20
24 : #432c4e : -18
26 : #483055 : -16
28 : #4e335b : -14
30 : #543762 : -12
32 : #593b68 : -10
34 : #5f3e6f : -8
36 : #644276 : -6
38 : #6a467c : -4
40 : #704983 : -2
42 : #754d89 : ±0
44 : #7b5190 : +2
46 : #805496 : +4
48 : #86589d : +6
50 : #8b5ca3 : +8
52 : #9062a7 : +10
54 : #9569ab : +12
56 : #996fae : +14
58 : #9e76b2 : +16
60 : #a37cb6 : +18
62 : #a783b9 : +20
64 : #ac89bd : +22
66 : #b090c1 : +24
68 : #b597c4 : +26
70 : #ba9dc8 : +28
72 : #bea4cc : +30
74 : #c3aacf : +32
76 : #c8b1d3 : +34
78 : #ccb7d7 : +36
80 : #d1beda : +38
82 : #d5c4de : +40
84 : #dacbe2 : +42
86 : #dfd1e5 : +44
88 : #e3d8e9 : +46
90 : #e8deed : +48
92 : #ede5f0 : +50
94 : #f1ebf4 : +52
96 : #f6f2f8 : +54
98 : #faf8fb : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow