#baa821
RGB ( 赤 = 186, 緑 = 168, 青 = 33 )
HSL ( 色相 = 53°, 彩度 = 70%, 明度 = 43% )
H : 色相 ( 53° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ba2921 : -50
13 : #ba4221 : -40
23 : #ba5c21 : -30
33 : #ba7521 : -20
43 : #ba8f21 : -10
53 : #baa821 : ±0
63 : #b3ba21 : +10
73 : #99ba21 : +20
83 : #80ba21 : +30
93 : #66ba21 : +40
103 : #4cba21 : +50
113 : #33ba21 : +60
123 : #21ba29 : +70
133 : #21ba42 : +80
143 : #21ba5c : +90
153 : #21ba75 : +100
163 : #21ba8f : +110
173 : #21baa8 : +120
183 : #21b3ba : +130
193 : #2199ba : +140
203 : #2180ba : +150
213 : #2166ba : +160
223 : #214cba : +170
233 : #2133ba : +180
243 : #2921ba : +190
253 : #4221ba : +200
263 : #5c21ba : +210
273 : #7521ba : +220
283 : #8f21ba : +230
293 : #a821ba : +240
303 : #ba21b3 : +250
313 : #ba2199 : +260
323 : #ba2180 : +270
333 : #ba2166 : +280
343 : #ba214c : +290
353 : #ba2133 : +300
43 : #ba8f21 : -10
44 : #ba9121 : -9
45 : #ba9421 : -8
46 : #ba9721 : -7
47 : #ba9921 : -6
48 : #ba9c21 : -5
49 : #ba9e21 : -4
50 : #baa121 : -3
51 : #baa321 : -2
52 : #baa621 : -1
53 : #baa821 : ±0
54 : #baab21 : +1
55 : #baae21 : +2
56 : #bab021 : +3
57 : #bab321 : +4
58 : #bab521 : +5
59 : #bab821 : +6
60 : #baba21 : +7
61 : #b8ba21 : +8
62 : #b5ba21 : +9
63 : #b3ba21 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -70
2 : #706f6b : -68
4 : #727169 : -66
6 : #747367 : -64
8 : #767465 : -62
10 : #797663 : -60
12 : #7b7860 : -58
14 : #7d795e : -56
16 : #7f7b5c : -54
18 : #817d5a : -52
20 : #847e58 : -50
22 : #868056 : -48
24 : #888253 : -46
26 : #8a8451 : -44
28 : #8c854f : -42
30 : #8f874d : -40
32 : #91894b : -38
34 : #938a48 : -36
36 : #958c46 : -34
38 : #978e44 : -32
40 : #9a8f42 : -30
42 : #9c9140 : -28
44 : #9e933d : -26
46 : #a0943b : -24
48 : #a29639 : -22
50 : #a49837 : -20
52 : #a79935 : -18
54 : #a99b32 : -16
56 : #ab9d30 : -14
58 : #ad9e2e : -12
60 : #afa02c : -10
62 : #b2a22a : -8
64 : #b4a327 : -6
66 : #b6a525 : -4
68 : #b8a723 : -2
70 : #baa821 : ±0
72 : #bdaa1f : +2
74 : #bfac1d : +4
76 : #c1ae1a : +6
78 : #c3af18 : +8
80 : #c5b116 : +10
82 : #c8b314 : +12
84 : #cab412 : +14
86 : #ccb60f : +16
88 : #ceb80d : +18
90 : #d0b90b : +20
92 : #d3bb09 : +22
94 : #d5bd07 : +24
96 : #d7be04 : +26
98 : #d9c002 : +28
100 : #dbc200 : +30
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -42
3 : #0d0c02 : -40
5 : #161404 : -38
7 : #1e1b05 : -36
9 : #272307 : -34
11 : #302b08 : -32
13 : #38330a : -30
15 : #413b0b : -28
17 : #4a430d : -26
19 : #524a0f : -24
21 : #5b5210 : -22
23 : #645a12 : -20
25 : #6c6213 : -18
27 : #756a15 : -16
29 : #7e7216 : -14
31 : #867918 : -12
33 : #8f8119 : -10
35 : #98891b : -8
37 : #a0911c : -6
39 : #a9991e : -4
41 : #b2a11f : -2
43 : #baa821 : ±0
45 : #c3b022 : +2
47 : #ccb824 : +4
49 : #d4c025 : +6
51 : #dac52b : +8
53 : #dbc733 : +10
55 : #ddca3c : +12
57 : #decc45 : +14
59 : #e0cf4d : +16
61 : #e1d156 : +18
63 : #e3d35f : +20
65 : #e4d667 : +22
67 : #e6d870 : +24
69 : #e7da79 : +26
71 : #e9dd81 : +28
73 : #eadf8a : +30
75 : #ece193 : +32
77 : #ede49b : +34
79 : #efe6a4 : +36
81 : #f0e9ad : +38
83 : #f2ebb5 : +40
85 : #f4edbe : +42
87 : #f5f0c7 : +44
89 : #f7f2cf : +46
91 : #f8f4d8 : +48
93 : #faf7e1 : +50
95 : #fbf9e9 : +52
97 : #fdfbf2 : +54
99 : #fefefb : +56
CSS入門、作ってます。
text-shadow