#525c89
RGB ( 赤 = 82, 緑 = 92, 青 = 137 )
HSL ( 色相 = 229°, 彩度 = 25%, 明度 = 43% )
H : 色相 ( 229° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #895a52 : -220
19 : #896452 : -210
29 : #896d52 : -200
39 : #897652 : -190
49 : #897f52 : -180
59 : #898852 : -170
69 : #818952 : -160
79 : #788952 : -150
89 : #6f8952 : -140
99 : #658952 : -130
109 : #5c8952 : -120
119 : #538952 : -110
129 : #52895a : -100
139 : #528964 : -90
149 : #52896d : -80
159 : #528976 : -70
169 : #52897f : -60
179 : #528988 : -50
189 : #528189 : -40
199 : #527889 : -30
209 : #526f89 : -20
219 : #526589 : -10
229 : #525c89 : ±0
239 : #525389 : +10
249 : #5a5289 : +20
259 : #645289 : +30
269 : #6d5289 : +40
279 : #765289 : +50
289 : #7f5289 : +60
299 : #885289 : +70
309 : #895281 : +80
319 : #895278 : +90
329 : #89526f : +100
339 : #895265 : +110
349 : #89525c : +120
359 : #895253 : +130
219 : #526589 : -10
220 : #526589 : -9
221 : #526489 : -8
222 : #526389 : -7
223 : #526289 : -6
224 : #526189 : -5
225 : #526089 : -4
226 : #525f89 : -3
227 : #525e89 : -2
228 : #525d89 : -1
229 : #525c89 : ±0
230 : #525b89 : +1
231 : #525a89 : +2
232 : #525a89 : +3
233 : #525989 : +4
234 : #525889 : +5
235 : #525789 : +6
236 : #525689 : +7
237 : #525589 : +8
238 : #525489 : +9
239 : #525389 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6d6f : -24
3 : #6a6c71 : -22
5 : #686a73 : -20
7 : #666975 : -18
9 : #646778 : -16
11 : #62667a : -14
13 : #5f657c : -12
15 : #5d637e : -10
17 : #5b6280 : -8
19 : #596082 : -6
21 : #575f85 : -4
23 : #545e87 : -2
25 : #525c89 : ±0
27 : #505b8b : +2
29 : #4e5a8d : +4
31 : #4c5890 : +6
33 : #495792 : +8
35 : #475594 : +10
37 : #455496 : +12
39 : #435398 : +14
41 : #41519b : +16
43 : #3f509d : +18
45 : #3c4e9f : +20
47 : #3a4da1 : +22
49 : #384ca3 : +24
51 : #364aa6 : +26
53 : #3449a8 : +28
55 : #3147aa : +30
57 : #2f46ac : +32
59 : #2d45ae : +34
61 : #2b43b1 : +36
63 : #2942b3 : +38
65 : #2641b5 : +40
67 : #243fb7 : +42
69 : #223eb9 : +44
71 : #203cbc : +46
73 : #1e3bbe : +48
75 : #1b3ac0 : +50
77 : #1938c2 : +52
79 : #1737c4 : +54
81 : #1535c6 : +56
83 : #1334c9 : +58
85 : #1033cb : +60
87 : #0e31cd : +62
89 : #0c30cf : +64
91 : #0a2ed1 : +66
93 : #082dd4 : +68
95 : #052cd6 : +70
97 : #032ad8 : +72
99 : #0129da : +74
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -42
3 : #06060a : -40
5 : #0a0b10 : -38
7 : #0d0f16 : -36
9 : #11131d : -34
11 : #151823 : -32
13 : #191c29 : -30
15 : #1d2030 : -28
17 : #212436 : -26
19 : #24293d : -24
21 : #282d43 : -22
23 : #2c3149 : -20
25 : #303650 : -18
27 : #343a56 : -16
29 : #373e5c : -14
31 : #3b4363 : -12
33 : #3f4769 : -10
35 : #434b70 : -8
37 : #474f76 : -6
39 : #4b547c : -4
41 : #4e5883 : -2
43 : #525c89 : ±0
45 : #56618f : +2
47 : #5a6596 : +4
49 : #5e699c : +6
51 : #636ea1 : +8
53 : #6974a5 : +10
55 : #707aa9 : +12
57 : #7680ad : +14
59 : #7c86b1 : +16
61 : #838cb4 : +18
63 : #8992b8 : +20
65 : #8f98bc : +22
67 : #969ec0 : +24
69 : #9ca3c4 : +26
71 : #a3a9c8 : +28
73 : #a9afcb : +30
75 : #afb5cf : +32
77 : #b6bbd3 : +34
79 : #bcc1d7 : +36
81 : #c2c7db : +38
83 : #c9cdde : +40
85 : #cfd3e2 : +42
87 : #d6d9e6 : +44
89 : #dcdfea : +46
91 : #e2e4ee : +48
93 : #e9eaf2 : +50
95 : #eff0f5 : +52
97 : #f5f6f9 : +54
99 : #fcfcfd : +56
CSS入門、作ってます。
text-shadow