#89a27c
RGB ( 赤 = 137, 緑 = 162, 青 = 124 )
HSL ( 色相 = 99°, 彩度 = 17%, 明度 = 56% )
H : 色相 ( 99° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a2817c : -90
19 : #a2887c : -80
29 : #a28e7c : -70
39 : #a2957c : -60
49 : #a29b7c : -50
59 : #a2a17c : -40
69 : #9ca27c : -30
79 : #96a27c : -20
89 : #8fa27c : -10
99 : #89a27c : ±0
109 : #83a27c : +10
119 : #7ca27c : +20
129 : #7ca281 : +30
139 : #7ca288 : +40
149 : #7ca28e : +50
159 : #7ca295 : +60
169 : #7ca29b : +70
179 : #7ca2a1 : +80
189 : #7c9ca2 : +90
199 : #7c96a2 : +100
209 : #7c8fa2 : +110
219 : #7c89a2 : +120
229 : #7c83a2 : +130
239 : #7c7ca2 : +140
249 : #817ca2 : +150
259 : #887ca2 : +160
269 : #8e7ca2 : +170
279 : #957ca2 : +180
289 : #9b7ca2 : +190
299 : #a17ca2 : +200
309 : #a27c9c : +210
319 : #a27c96 : +220
329 : #a27c8f : +230
339 : #a27c89 : +240
349 : #a27c83 : +250
359 : #a27c7c : +260
89 : #8fa27c : -10
90 : #8fa27c : -9
91 : #8ea27c : -8
92 : #8ea27c : -7
93 : #8da27c : -6
94 : #8ca27c : -5
95 : #8ca27c : -4
96 : #8ba27c : -3
97 : #8aa27c : -2
98 : #8aa27c : -1
99 : #89a27c : ±0
100 : #88a27c : +1
101 : #88a27c : +2
102 : #87a27c : +3
103 : #87a27c : +4
104 : #86a27c : +5
105 : #85a27c : +6
106 : #85a27c : +7
107 : #84a27c : +8
108 : #83a27c : +9
109 : #83a27c : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e908e : -16
3 : #8e928b : -14
5 : #8d9489 : -12
7 : #8c9787 : -10
9 : #8c9985 : -8
11 : #8b9b82 : -6
13 : #8a9d80 : -4
15 : #8aa07e : -2
17 : #89a27c : ±0
19 : #88a479 : +2
21 : #88a677 : +4
23 : #87a975 : +6
25 : #86ab73 : +8
27 : #86ad71 : +10
29 : #85af6e : +12
31 : #84b26c : +14
33 : #84b46a : +16
35 : #83b668 : +18
37 : #82b865 : +20
39 : #82bb63 : +22
41 : #81bd61 : +24
43 : #80bf5f : +26
45 : #80c15c : +28
47 : #7fc45a : +30
49 : #7ec658 : +32
51 : #7ec856 : +34
53 : #7dca53 : +36
55 : #7ccd51 : +38
57 : #7ccf4f : +40
59 : #7bd14d : +42
61 : #7ad34a : +44
63 : #7ad548 : +46
65 : #79d846 : +48
67 : #78da44 : +50
69 : #78dc41 : +52
71 : #77de3f : +54
73 : #76e13d : +56
75 : #76e33b : +58
77 : #75e538 : +60
79 : #74e736 : +62
81 : #74ea34 : +64
83 : #73ec32 : +66
85 : #72ee2f : +68
87 : #72f02d : +70
89 : #71f32b : +72
91 : #70f529 : +74
93 : #6ff726 : +76
95 : #6ff924 : +78
97 : #6efc22 : +80
99 : #6dfe20 : +82
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #050604 : -54
4 : #0a0c08 : -52
6 : #0f120d : -50
8 : #131811 : -48
10 : #181e15 : -46
12 : #1d2419 : -44
14 : #222a1e : -42
16 : #273022 : -40
18 : #2c3626 : -38
20 : #303c2a : -36
22 : #35422f : -34
24 : #3a4833 : -32
26 : #3f4e37 : -30
28 : #44543b : -28
30 : #495a3f : -26
32 : #4d5f44 : -24
34 : #526548 : -22
36 : #576b4c : -20
38 : #5c7150 : -18
40 : #617755 : -16
42 : #667d59 : -14
44 : #6a835d : -12
46 : #6f8961 : -10
48 : #748f66 : -8
50 : #79956a : -6
52 : #7e9970 : -4
54 : #849e76 : -2
56 : #89a27c : ±0
58 : #8ea682 : +2
60 : #94aa88 : +4
62 : #99af8e : +6
64 : #9fb394 : +8
66 : #a4b79a : +10
68 : #a9bba0 : +12
70 : #afc0a5 : +14
72 : #b4c4ab : +16
74 : #b9c8b1 : +18
76 : #bfccb7 : +20
78 : #c4d0bd : +22
80 : #c9d5c3 : +24
82 : #cfd9c9 : +26
84 : #d4ddcf : +28
86 : #d9e1d5 : +30
88 : #dfe6db : +32
90 : #e4eae1 : +34
92 : #eaeee7 : +36
94 : #eff2ed : +38
96 : #f4f7f3 : +40
98 : #fafbf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow