#593a49
RGB ( 赤 = 89, 緑 = 58, 青 = 73 )
HSL ( 色相 = 331°, 彩度 = 21%, 明度 = 29% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #593b3a : -330
11 : #59403a : -320
21 : #59453a : -310
31 : #594a3a : -300
41 : #59503a : -290
51 : #59553a : -280
61 : #59593a : -270
71 : #54593a : -260
81 : #4f593a : -250
91 : #49593a : -240
101 : #44593a : -230
111 : #3f593a : -220
121 : #3a593b : -210
131 : #3a5940 : -200
141 : #3a5945 : -190
151 : #3a594a : -180
161 : #3a5950 : -170
171 : #3a5955 : -160
181 : #3a5959 : -150
191 : #3a5459 : -140
201 : #3a4f59 : -130
211 : #3a4959 : -120
221 : #3a4459 : -110
231 : #3a3f59 : -100
241 : #3b3a59 : -90
251 : #403a59 : -80
261 : #453a59 : -70
271 : #4a3a59 : -60
281 : #503a59 : -50
291 : #553a59 : -40
301 : #593a59 : -30
311 : #593a54 : -20
321 : #593a4f : -10
331 : #593a49 : ±0
341 : #593a44 : +10
351 : #593a3f : +20
321 : #593a4f : -10
322 : #593a4e : -9
323 : #593a4e : -8
324 : #593a4d : -7
325 : #593a4d : -6
326 : #593a4c : -5
327 : #593a4c : -4
328 : #593a4b : -3
329 : #593a4a : -2
330 : #593a4a : -1
331 : #593a49 : ±0
332 : #593a49 : +1
333 : #593a48 : +2
334 : #593a48 : +3
335 : #593a47 : +4
336 : #593a47 : +5
337 : #593a46 : +6
338 : #593a46 : +7
339 : #593a45 : +8
340 : #593a45 : +9
341 : #593a44 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b494a : -20
3 : #4c484a : -18
5 : #4e464a : -16
7 : #4f454a : -14
9 : #51434a : -12
11 : #52424a : -10
13 : #54404a : -8
15 : #553f4a : -6
17 : #573d4a : -4
19 : #583c49 : -2
21 : #593a49 : ±0
23 : #5b3949 : +2
25 : #5c3749 : +4
27 : #5e3649 : +6
29 : #5f3549 : +8
31 : #613349 : +10
33 : #623249 : +12
35 : #643049 : +14
37 : #652f49 : +16
39 : #672d49 : +18
41 : #682c49 : +20
43 : #6a2a49 : +22
45 : #6b2949 : +24
47 : #6d2749 : +26
49 : #6e2649 : +28
51 : #702449 : +30
53 : #712349 : +32
55 : #732149 : +34
57 : #742049 : +36
59 : #761e48 : +38
61 : #771d48 : +40
63 : #791b48 : +42
65 : #7a1a48 : +44
67 : #7b1848 : +46
69 : #7d1748 : +48
71 : #7e1548 : +50
73 : #801448 : +52
75 : #811248 : +54
77 : #831148 : +56
79 : #841048 : +58
81 : #860e48 : +60
83 : #870d48 : +62
85 : #890b48 : +64
87 : #8a0a48 : +66
89 : #8c0848 : +68
91 : #8d0748 : +70
93 : #8f0548 : +72
95 : #900448 : +74
97 : #920248 : +76
99 : #930148 : +78
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -28
3 : #090608 : -26
5 : #0f0a0d : -24
7 : #160e12 : -22
9 : #1c1217 : -20
11 : #22161c : -18
13 : #281a21 : -16
15 : #2e1e26 : -14
17 : #34222b : -12
19 : #3b2630 : -10
21 : #412a35 : -8
23 : #472e3a : -6
25 : #4d323f : -4
27 : #533644 : -2
29 : #593a49 : ±0
31 : #603e4e : +2
33 : #664254 : +4
35 : #6c4759 : +6
37 : #724b5e : +8
39 : #784f63 : +10
41 : #7f5368 : +12
43 : #85576d : +14
45 : #8b5b72 : +16
47 : #915f77 : +18
49 : #97637c : +20
51 : #9c6881 : +22
53 : #a06e86 : +24
55 : #a4748b : +26
57 : #a87a91 : +28
59 : #ac8096 : +30
61 : #b0879b : +32
63 : #b48da0 : +34
65 : #b893a5 : +36
67 : #bd99aa : +38
69 : #c19faf : +40
71 : #c5a6b5 : +42
73 : #c9acba : +44
75 : #cdb2bf : +46
77 : #d1b8c4 : +48
79 : #d5bec9 : +50
81 : #d9c4ce : +52
83 : #ddcbd3 : +54
85 : #e1d1d8 : +56
87 : #e5d7de : +58
89 : #e9dde3 : +60
91 : #ede3e8 : +62
93 : #f1e9ed : +64
95 : #f5f0f2 : +66
97 : #f9f6f7 : +68
99 : #fdfcfc : +70
CSS入門、作ってます。
text-shadow