#56742c
RGB ( 赤 = 86, 緑 = 116, 青 = 44 )
HSL ( 色相 = 85°, 彩度 = 45%, 明度 = 31% )
H : 色相 ( 85° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #73312b : -80
15 : #733d2b : -70
25 : #73492b : -60
35 : #73552b : -50
45 : #73612b : -40
55 : #736d2b : -30
65 : #6d732b : -20
75 : #61732b : -10
85 : #55732b : ±0
95 : #49732b : +10
105 : #3d732b : +20
115 : #31732b : +30
125 : #2b7331 : +40
135 : #2b733d : +50
145 : #2b7349 : +60
155 : #2b7355 : +70
165 : #2b7361 : +80
175 : #2b736d : +90
185 : #2b6d73 : +100
195 : #2b6173 : +110
205 : #2b5573 : +120
215 : #2b4973 : +130
225 : #2b3d73 : +140
235 : #2b3173 : +150
245 : #312b73 : +160
255 : #3d2b73 : +170
265 : #492b73 : +180
275 : #552b73 : +190
285 : #612b73 : +200
295 : #6d2b73 : +210
305 : #732b6d : +220
315 : #732b61 : +230
325 : #732b55 : +240
335 : #732b49 : +250
345 : #732b3d : +260
355 : #732b31 : +270
75 : #61732b : -10
76 : #60732b : -9
77 : #5e732b : -8
78 : #5d732b : -7
79 : #5c732b : -6
80 : #5b732b : -5
81 : #5a732b : -4
82 : #59732b : -3
83 : #57732b : -2
84 : #56732b : -1
85 : #55732b : ±0
86 : #54732b : +1
87 : #53732b : +2
88 : #51732b : +3
89 : #50732b : +4
90 : #4f732b : +5
91 : #4e732b : +6
92 : #4d732b : +7
93 : #4b732b : +8
94 : #4a732b : +9
95 : #49732b : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #4f504e : -44
3 : #4f514d : -42
5 : #50534b : -40
7 : #50554a : -38
9 : #505648 : -36
11 : #505846 : -34
13 : #515945 : -32
15 : #515b43 : -30
17 : #515c42 : -28
19 : #525e40 : -26
21 : #52603e : -24
23 : #52613d : -22
25 : #52633b : -20
27 : #53643a : -18
29 : #536638 : -16
31 : #536837 : -14
33 : #536935 : -12
35 : #546b33 : -10
37 : #546c32 : -8
39 : #546e30 : -6
41 : #546f2f : -4
43 : #55712d : -2
45 : #55732b : ±0
47 : #55742a : +2
49 : #567628 : +4
51 : #567727 : +6
53 : #567925 : +8
55 : #567b24 : +10
57 : #577c22 : +12
59 : #577e20 : +14
61 : #577f1f : +16
63 : #57811d : +18
65 : #58821c : +20
67 : #58841a : +22
69 : #588619 : +24
71 : #588717 : +26
73 : #598915 : +28
75 : #598a14 : +30
77 : #598c12 : +32
79 : #598d11 : +34
81 : #5a8f0f : +36
83 : #5a910d : +38
85 : #5a920c : +40
87 : #5b940a : +42
89 : #5b9509 : +44
91 : #5b9707 : +46
93 : #5b9906 : +48
95 : #5c9a04 : +50
97 : #5c9c02 : +52
99 : #5c9d01 : +54
L : 明度 ( 31% )
(0%) 暗い ～ 明るい (100%)
1 : #030401 : -30
3 : #080b04 : -28
5 : #0e1207 : -26
7 : #131a0a : -24
9 : #19210d : -22
11 : #1e290f : -20
13 : #243012 : -18
15 : #293715 : -16
17 : #2f3f18 : -14
19 : #34461b : -12
21 : #3a4e1d : -10
23 : #3f5520 : -8
25 : #455c23 : -6
27 : #4a6426 : -4
29 : #4f6b29 : -2
31 : #55732b : ±0
33 : #5a7a2e : +2
35 : #608131 : +4
37 : #658934 : +6
39 : #6b9037 : +8
41 : #70983a : +10
43 : #769f3c : +12
45 : #7ba63f : +14
47 : #81ae42 : +16
49 : #86b545 : +18
51 : #8bba4a : +20
53 : #90bd51 : +22
55 : #95c059 : +24
57 : #9ac360 : +26
59 : #9ec567 : +28
61 : #a3c86f : +30
63 : #a8cb76 : +32
65 : #acce7e : +34
67 : #b1d185 : +36
69 : #b6d48c : +38
71 : #bbd694 : +40
73 : #bfd99b : +42
75 : #c4dca3 : +44
77 : #c9dfaa : +46
79 : #cde2b1 : +48
81 : #d2e4b9 : +50
83 : #d7e7c0 : +52
85 : #dceac8 : +54
87 : #e0edcf : +56
89 : #e5f0d6 : +58
91 : #eaf2de : +60
93 : #eef5e5 : +62
95 : #f3f8ed : +64
97 : #f8fbf4 : +66
99 : #fdfefb : +68
CSS入門、作ってます。
text-shadow