#58889c
RGB ( 赤 = 88, 緑 = 136, 青 = 156 )
HSL ( 色相 = 198°, 彩度 = 28%, 明度 = 48% )
H : 色相 ( 198° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #9d6158 : -190
18 : #9d6d58 : -180
28 : #9d7858 : -170
38 : #9d8458 : -160
48 : #9d8f58 : -150
58 : #9d9a58 : -140
68 : #949d58 : -130
78 : #889d58 : -120
88 : #7d9d58 : -110
98 : #719d58 : -100
108 : #669d58 : -90
118 : #5a9d58 : -80
128 : #589d61 : -70
138 : #589d6d : -60
148 : #589d78 : -50
158 : #589d84 : -40
168 : #589d8f : -30
178 : #589d9a : -20
188 : #58949d : -10
198 : #58889d : ±0
208 : #587d9d : +10
218 : #58719d : +20
228 : #58669d : +30
238 : #585a9d : +40
248 : #61589d : +50
258 : #6d589d : +60
268 : #78589d : +70
278 : #84589d : +80
288 : #8f589d : +90
298 : #9a589d : +100
308 : #9d5894 : +110
318 : #9d5888 : +120
328 : #9d587d : +130
338 : #9d5871 : +140
348 : #9d5866 : +150
358 : #9d585a : +160
188 : #58949d : -10
189 : #58929d : -9
190 : #58919d : -8
191 : #58909d : -7
192 : #588f9d : -6
193 : #588e9d : -5
194 : #588d9d : -4
195 : #588c9d : -3
196 : #588a9d : -2
197 : #58899d : -1
198 : #58889d : ±0
199 : #58879d : +1
200 : #58869d : +2
201 : #58859d : +3
202 : #58849d : +4
203 : #58829d : +5
204 : #58819d : +6
205 : #58809d : +7
206 : #587f9d : +8
207 : #587e9d : +9
208 : #587d9d : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -28
2 : #787b7d : -26
4 : #767c7f : -24
6 : #737d82 : -22
8 : #717e84 : -20
10 : #6e7f87 : -18
12 : #6c8089 : -16
14 : #69818c : -14
16 : #67828e : -12
18 : #648390 : -10
20 : #628493 : -8
22 : #5f8595 : -6
24 : #5d8698 : -4
26 : #5b879a : -2
28 : #58889d : ±0
30 : #56899f : +2
32 : #538aa2 : +4
34 : #518ba4 : +6
36 : #4e8ca6 : +8
38 : #4c8da9 : +10
40 : #498eab : +12
42 : #478fae : +14
44 : #4590b0 : +16
46 : #4291b3 : +18
48 : #4092b5 : +20
50 : #3d93b8 : +22
52 : #3b94ba : +24
54 : #3895bc : +26
56 : #3696bf : +28
58 : #3397c1 : +30
60 : #3198c4 : +32
62 : #2f99c6 : +34
64 : #2c9ac9 : +36
66 : #2a9bcb : +38
68 : #279cce : +40
70 : #259dd0 : +42
72 : #229ed3 : +44
74 : #209fd5 : +46
76 : #1da0d7 : +48
78 : #1ba1da : +50
80 : #18a2dc : +52
82 : #16a3df : +54
84 : #14a4e1 : +56
86 : #11a5e4 : +58
88 : #0fa5e6 : +60
90 : #0ca6e9 : +62
92 : #0aa7eb : +64
94 : #07a8ed : +66
96 : #05a9f0 : +68
98 : #02aaf2 : +70
100 : #00abf5 : +72
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #040607 : -46
4 : #070b0d : -44
6 : #0b1114 : -42
8 : #0f171a : -40
10 : #121c21 : -38
12 : #162227 : -36
14 : #1a282e : -34
16 : #1d2d34 : -32
18 : #21333b : -30
20 : #253941 : -28
22 : #283e48 : -26
24 : #2c444e : -24
26 : #304a55 : -22
28 : #334f5b : -20
30 : #375562 : -18
32 : #3b5b68 : -16
34 : #3e606f : -14
36 : #426676 : -12
38 : #466c7c : -10
40 : #497183 : -8
42 : #4d7789 : -6
44 : #517d90 : -4
46 : #548296 : -2
48 : #58889d : ±0
50 : #5c8ea3 : +2
52 : #6292a7 : +4
54 : #6997ab : +6
56 : #6f9bae : +8
58 : #76a0b2 : +10
60 : #7ca4b6 : +12
62 : #83a9b9 : +14
64 : #89adbd : +16
66 : #90b2c1 : +18
68 : #97b7c4 : +20
70 : #9dbbc8 : +22
72 : #a4c0cc : +24
74 : #aac4cf : +26
76 : #b1c9d3 : +28
78 : #b7cdd7 : +30
80 : #bed2da : +32
82 : #c4d6de : +34
84 : #cbdbe2 : +36
86 : #d1dfe5 : +38
88 : #d8e4e9 : +40
90 : #dee8ed : +42
92 : #e5edf0 : +44
94 : #ebf1f4 : +46
96 : #f2f6f8 : +48
98 : #f8fafb : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow