#5f866c
RGB ( 赤 = 95, 緑 = 134, 青 = 108 )
HSL ( 色相 = 140°, 彩度 = 17%, 明度 = 45% )
H : 色相 ( 140° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #865f5f : -140
10 : #86665f : -130
20 : #866c5f : -120
30 : #86735f : -110
40 : #86795f : -100
50 : #86805f : -90
60 : #86865f : -80
70 : #80865f : -70
80 : #79865f : -60
90 : #73865f : -50
100 : #6c865f : -40
110 : #66865f : -30
120 : #5f865f : -20
130 : #5f8666 : -10
140 : #5f866c : ±0
150 : #5f8673 : +10
160 : #5f8679 : +20
170 : #5f8680 : +30
180 : #5f8686 : +40
190 : #5f8086 : +50
200 : #5f7986 : +60
210 : #5f7386 : +70
220 : #5f6c86 : +80
230 : #5f6686 : +90
240 : #5f5f86 : +100
250 : #665f86 : +110
260 : #6c5f86 : +120
270 : #735f86 : +130
280 : #795f86 : +140
290 : #805f86 : +150
300 : #865f86 : +160
310 : #865f80 : +170
320 : #865f79 : +180
330 : #865f73 : +190
340 : #865f6c : +200
350 : #865f66 : +210
130 : #5f8666 : -10
131 : #5f8666 : -9
132 : #5f8667 : -8
133 : #5f8668 : -7
134 : #5f8668 : -6
135 : #5f8669 : -5
136 : #5f866a : -4
137 : #5f866a : -3
138 : #5f866b : -2
139 : #5f866c : -1
140 : #5f866c : ±0
141 : #5f866d : +1
142 : #5f866e : +2
143 : #5f866e : +3
144 : #5f866f : +4
145 : #5f866f : +5
146 : #5f8670 : +6
147 : #5f8671 : +7
148 : #5f8671 : +8
149 : #5f8672 : +9
150 : #5f8673 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727472 : -16
3 : #6f7672 : -14
5 : #6d7871 : -12
7 : #6b7b70 : -10
9 : #687d6f : -8
11 : #667f6f : -6
13 : #64826e : -4
15 : #62846d : -2
17 : #5f866c : ±0
19 : #5d896b : +2
21 : #5b8b6b : +4
23 : #588d6a : +6
25 : #568f69 : +8
27 : #549268 : +10
29 : #519468 : +12
31 : #4f9667 : +14
33 : #4d9966 : +16
35 : #4b9b65 : +18
37 : #489d65 : +20
39 : #46a064 : +22
41 : #44a263 : +24
43 : #41a462 : +26
45 : #3fa662 : +28
47 : #3da961 : +30
49 : #3bab60 : +32
51 : #38ad5f : +34
53 : #36b05e : +36
55 : #34b25e : +38
57 : #31b45d : +40
59 : #2fb65c : +42
61 : #2db95b : +44
63 : #2abb5b : +46
65 : #28bd5a : +48
67 : #26c059 : +50
69 : #24c258 : +52
71 : #21c458 : +54
73 : #1fc757 : +56
75 : #1dc956 : +58
77 : #1acb55 : +60
79 : #18cd55 : +62
81 : #16d054 : +64
83 : #14d253 : +66
85 : #11d452 : +68
87 : #0fd751 : +70
89 : #0dd951 : +72
91 : #0adb50 : +74
93 : #08dd4f : +76
95 : #06e04e : +78
97 : #03e24e : +80
99 : #01e44d : +82
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -44
3 : #060907 : -42
5 : #0b0f0c : -40
7 : #0f1511 : -38
9 : #131b16 : -36
11 : #17211a : -34
13 : #1c271f : -32
15 : #202d24 : -30
17 : #243329 : -28
19 : #28392e : -26
21 : #2c3f33 : -24
23 : #314537 : -22
25 : #354b3c : -20
27 : #395141 : -18
29 : #3d5746 : -16
31 : #425c4b : -14
33 : #46624f : -12
35 : #4a6854 : -10
37 : #4e6e59 : -8
39 : #53745e : -6
41 : #577a63 : -4
43 : #5b8067 : -2
45 : #5f866c : ±0
47 : #638c71 : +2
49 : #689276 : +4
51 : #6d977b : +6
53 : #739c80 : +8
55 : #79a086 : +10
57 : #7fa48b : +12
59 : #85a891 : +14
61 : #8bac96 : +16
63 : #91b19b : +18
65 : #97b5a1 : +20
67 : #9db9a6 : +22
69 : #a3bdab : +24
71 : #a8c2b1 : +26
73 : #aec6b6 : +28
75 : #b4cabc : +30
77 : #bacec1 : +32
79 : #c0d3c6 : +34
81 : #c6d7cc : +36
83 : #ccdbd1 : +38
85 : #d2dfd7 : +40
87 : #d8e3dc : +42
89 : #dee8e1 : +44
91 : #e4ece7 : +46
93 : #eaf0ec : +48
95 : #f0f4f2 : +50
97 : #f6f9f7 : +52
99 : #fcfdfc : +54
CSS入門、作ってます。
text-shadow