#86b66d
RGB ( 赤 = 134, 緑 = 182, 青 = 109 )
HSL ( 色相 = 99°, 彩度 = 33%, 明度 = 57% )
H : 色相 ( 99° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #b6786d : -90
19 : #b6846d : -80
29 : #b6906d : -70
39 : #b69c6d : -60
49 : #b6a86d : -50
59 : #b6b46d : -40
69 : #abb66d : -30
79 : #9fb66d : -20
89 : #93b66d : -10
99 : #86b66d : ±0
109 : #7ab66d : +10
119 : #6eb66d : +20
129 : #6db678 : +30
139 : #6db684 : +40
149 : #6db690 : +50
159 : #6db69c : +60
169 : #6db6a8 : +70
179 : #6db6b4 : +80
189 : #6dabb6 : +90
199 : #6d9fb6 : +100
209 : #6d93b6 : +110
219 : #6d86b6 : +120
229 : #6d7ab6 : +130
239 : #6d6eb6 : +140
249 : #786db6 : +150
259 : #846db6 : +160
269 : #906db6 : +170
279 : #9c6db6 : +180
289 : #a86db6 : +190
299 : #b46db6 : +200
309 : #b66dab : +210
319 : #b66d9f : +220
329 : #b66d93 : +230
339 : #b66d86 : +240
349 : #b66d7a : +250
359 : #b66d6e : +260
89 : #93b66d : -10
90 : #91b66d : -9
91 : #90b66d : -8
92 : #8fb66d : -7
93 : #8eb66d : -6
94 : #8db66d : -5
95 : #8bb66d : -4
96 : #8ab66d : -3
97 : #89b66d : -2
98 : #88b66d : -1
99 : #86b66d : ±0
100 : #85b66d : +1
101 : #84b66d : +2
102 : #83b66d : +3
103 : #82b66d : +4
104 : #80b66d : +5
105 : #7fb66d : +6
106 : #7eb66d : +7
107 : #7db66d : +8
108 : #7cb66d : +9
109 : #7ab66d : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #919290 : -32
3 : #90958e : -30
5 : #90978c : -28
7 : #8f998a : -26
9 : #8e9b87 : -24
11 : #8e9d85 : -22
13 : #8da083 : -20
15 : #8ca281 : -18
17 : #8ca47f : -16
19 : #8ba67d : -14
21 : #8aa87a : -12
23 : #8aab78 : -10
25 : #89ad76 : -8
27 : #88af74 : -6
29 : #88b172 : -4
31 : #87b36f : -2
33 : #86b66d : ±0
35 : #86b86b : +2
37 : #85ba69 : +4
39 : #85bc67 : +6
41 : #84be64 : +8
43 : #83c062 : +10
45 : #83c360 : +12
47 : #82c55e : +14
49 : #81c75c : +16
51 : #81c959 : +18
53 : #80cb57 : +20
55 : #7fce55 : +22
57 : #7fd053 : +24
59 : #7ed251 : +26
61 : #7dd44e : +28
63 : #7dd64c : +30
65 : #7cd94a : +32
67 : #7bdb48 : +34
69 : #7bdd46 : +36
71 : #7adf43 : +38
73 : #79e141 : +40
75 : #79e43f : +42
77 : #78e63d : +44
79 : #77e83b : +46
81 : #77ea39 : +48
83 : #76ec36 : +50
85 : #75ef34 : +52
87 : #75f132 : +54
89 : #74f330 : +56
91 : #73f52e : +58
93 : #73f72b : +60
95 : #72fa29 : +62
97 : #71fc27 : +64
99 : #71fe25 : +66
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -56
3 : #070a05 : -54
5 : #0b1109 : -52
7 : #10180c : -50
9 : #151f0f : -48
11 : #192513 : -46
13 : #1e2c16 : -44
15 : #22331a : -42
17 : #273a1d : -40
19 : #2c4020 : -38
21 : #304724 : -36
23 : #354e27 : -34
25 : #39552b : -32
27 : #3e5c2e : -30
29 : #436232 : -28
31 : #476935 : -26
33 : #4c7038 : -24
35 : #50773c : -22
37 : #557d3f : -20
39 : #5a8443 : -18
41 : #5e8b46 : -16
43 : #639249 : -14
45 : #67994d : -12
47 : #6c9f50 : -10
49 : #71a654 : -8
51 : #76ab59 : -6
53 : #7baf60 : -4
55 : #81b266 : -2
57 : #86b66d : ±0
59 : #8cb974 : +2
61 : #92bc7b : +4
63 : #97c082 : +6
65 : #9dc388 : +8
67 : #a3c78f : +10
69 : #a8ca96 : +12
71 : #aecd9d : +14
73 : #b3d1a3 : +16
75 : #b9d4aa : +18
77 : #bfd8b1 : +20
79 : #c4dbb8 : +22
81 : #cadfbf : +24
83 : #cfe2c5 : +26
85 : #d5e5cc : +28
87 : #dbe9d3 : +30
89 : #e0ecda : +32
91 : #e6f0e0 : +34
93 : #ebf3e7 : +36
95 : #f1f6ee : +38
97 : #f7faf5 : +40
99 : #fcfdfc : +42
CSS入門、作ってます。
text-shadow