#59214d
RGB ( 赤 = 89, 緑 = 33, 青 = 77 )
HSL ( 色相 = 313°, 彩度 = 46%, 明度 = 24% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #592421 : -310
13 : #592d21 : -300
23 : #593721 : -290
33 : #594021 : -280
43 : #594921 : -270
53 : #595321 : -260
63 : #575921 : -250
73 : #4d5921 : -240
83 : #445921 : -230
93 : #3a5921 : -220
103 : #315921 : -210
113 : #285921 : -200
123 : #215924 : -190
133 : #21592d : -180
143 : #215937 : -170
153 : #215940 : -160
163 : #215949 : -150
173 : #215953 : -140
183 : #215759 : -130
193 : #214d59 : -120
203 : #214459 : -110
213 : #213a59 : -100
223 : #213159 : -90
233 : #212859 : -80
243 : #242159 : -70
253 : #2d2159 : -60
263 : #372159 : -50
273 : #402159 : -40
283 : #492159 : -30
293 : #532159 : -20
303 : #592157 : -10
313 : #59214d : ±0
323 : #592144 : +10
333 : #59213a : +20
343 : #592131 : +30
353 : #592128 : +40
303 : #592157 : -10
304 : #592156 : -9
305 : #592155 : -8
306 : #592154 : -7
307 : #592153 : -6
308 : #592152 : -5
309 : #592151 : -4
310 : #592150 : -3
311 : #59214f : -2
312 : #59214e : -1
313 : #59214d : ±0
314 : #59214c : +1
315 : #59214b : +2
316 : #59214a : +3
317 : #592149 : +4
318 : #592148 : +5
319 : #592148 : +6
320 : #592147 : +7
321 : #592146 : +8
322 : #592145 : +9
323 : #592144 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -46
2 : #3e3c3e : -44
4 : #403b3f : -42
6 : #413a3f : -40
8 : #423840 : -38
10 : #433741 : -36
12 : #453641 : -34
14 : #463542 : -32
16 : #473343 : -30
18 : #483243 : -28
20 : #493144 : -26
22 : #4b3045 : -24
24 : #4c2f46 : -22
26 : #4d2d46 : -20
28 : #4e2c47 : -18
30 : #502b48 : -16
32 : #512a48 : -14
34 : #522849 : -12
36 : #53274a : -10
38 : #54264a : -8
40 : #56254b : -6
42 : #57234c : -4
44 : #58224c : -2
46 : #59214d : ±0
48 : #5b204e : +2
50 : #5c1f4f : +4
52 : #5d1d4f : +6
54 : #5e1c50 : +8
56 : #5f1b51 : +10
58 : #611a51 : +12
60 : #621852 : +14
62 : #631753 : +16
64 : #641653 : +18
66 : #661554 : +20
68 : #671455 : +22
70 : #681255 : +24
72 : #691156 : +26
74 : #6a1057 : +28
76 : #6c0f58 : +30
78 : #6d0d58 : +32
80 : #6e0c59 : +34
82 : #6f0b5a : +36
84 : #710a5a : +38
86 : #72095b : +40
88 : #73075c : +42
90 : #74065c : +44
92 : #76055d : +46
94 : #77045e : +48
96 : #78025e : +50
98 : #79015f : +52
100 : #7a0060 : +54
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070306 : -22
4 : #0f060d : -20
6 : #160813 : -18
8 : #1e0b1a : -16
10 : #250e20 : -14
12 : #2d1127 : -12
14 : #34132d : -10
16 : #3c1633 : -8
18 : #43193a : -6
20 : #4a1c40 : -4
22 : #521e47 : -2
24 : #59214d : ±0
26 : #612454 : +2
28 : #68275a : +4
30 : #702960 : +6
32 : #772c67 : +8
34 : #7f2f6d : +10
36 : #863274 : +12
38 : #8d347a : +14
40 : #953781 : +16
42 : #9c3a87 : +18
44 : #a43d8d : +20
46 : #ab3f94 : +22
48 : #b3429a : +24
50 : #ba45a1 : +26
52 : #bd4ca5 : +28
54 : #c054a8 : +30
56 : #c25bac : +32
58 : #c563b0 : +34
60 : #c86ab4 : +36
62 : #cb72b7 : +38
64 : #cd79bb : +40
66 : #d080bf : +42
68 : #d388c3 : +44
70 : #d68fc6 : +46
72 : #d897ca : +48
74 : #db9ece : +50
76 : #dea6d2 : +52
78 : #e1add6 : +54
80 : #e3b5d9 : +56
82 : #e6bcdd : +58
84 : #e9c3e1 : +60
86 : #eccbe5 : +62
88 : #eed2e8 : +64
90 : #f1daec : +66
92 : #f4e1f0 : +68
94 : #f7e9f4 : +70
96 : #f9f0f7 : +72
98 : #fcf8fb : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow