#313254
RGB ( 赤 = 49, 緑 = 50, 青 = 84 )
HSL ( 色相 = 238°, 彩度 = 26%, 明度 = 26% )
H : 色相 ( 238° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #543631 : -230
18 : #543b31 : -220
28 : #544131 : -210
38 : #544731 : -200
48 : #544d31 : -190
58 : #545231 : -180
68 : #4f5431 : -170
78 : #495431 : -160
88 : #435431 : -150
98 : #3e5431 : -140
108 : #385431 : -130
118 : #325431 : -120
128 : #315436 : -110
138 : #31543b : -100
148 : #315441 : -90
158 : #315447 : -80
168 : #31544d : -70
178 : #315452 : -60
188 : #314f54 : -50
198 : #314954 : -40
208 : #314354 : -30
218 : #313e54 : -20
228 : #313854 : -10
238 : #313254 : ±0
248 : #363154 : +10
258 : #3b3154 : +20
268 : #413154 : +30
278 : #473154 : +40
288 : #4d3154 : +50
298 : #523154 : +60
308 : #54314f : +70
318 : #543149 : +80
328 : #543143 : +90
338 : #54313e : +100
348 : #543138 : +110
358 : #543132 : +120
228 : #313854 : -10
229 : #313754 : -9
230 : #313754 : -8
231 : #313654 : -7
232 : #313654 : -6
233 : #313554 : -5
234 : #313554 : -4
235 : #313454 : -3
236 : #313354 : -2
237 : #313354 : -1
238 : #313254 : ±0
239 : #313254 : +1
240 : #313154 : +2
241 : #323154 : +3
242 : #323154 : +4
243 : #333154 : +5
244 : #333154 : +6
245 : #343154 : +7
246 : #353154 : +8
247 : #353154 : +9
248 : #363154 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -26
2 : #414144 : -24
4 : #404045 : -22
6 : #3e3f46 : -20
8 : #3d3d48 : -18
10 : #3c3c49 : -16
12 : #3a3b4a : -14
14 : #393a4c : -12
16 : #38384d : -10
18 : #36374e : -8
20 : #353650 : -6
22 : #343551 : -4
24 : #323352 : -2
26 : #313254 : ±0
28 : #303155 : +2
30 : #2e3056 : +4
32 : #2d2e58 : +6
34 : #2c2d59 : +8
36 : #2a2c5a : +10
38 : #292b5b : +12
40 : #282a5d : +14
42 : #26285e : +16
44 : #25275f : +18
46 : #242661 : +20
48 : #222562 : +22
50 : #212363 : +24
52 : #202265 : +26
54 : #1e2166 : +28
56 : #1d2067 : +30
58 : #1c1e69 : +32
60 : #1b1d6a : +34
62 : #191c6b : +36
64 : #181b6d : +38
66 : #17196e : +40
68 : #15186f : +42
70 : #141771 : +44
72 : #131672 : +46
74 : #111573 : +48
76 : #101375 : +50
78 : #0f1276 : +52
80 : #0d1177 : +54
82 : #0c1079 : +56
84 : #0b0e7a : +58
86 : #090d7b : +60
88 : #080c7d : +62
90 : #070b7e : +64
92 : #05097f : +66
94 : #040881 : +68
96 : #030782 : +70
98 : #010683 : +72
100 : #000485 : +74
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040406 : -24
4 : #08080d : -22
6 : #0b0c13 : -20
8 : #0f0f1a : -18
10 : #131320 : -16
12 : #171727 : -14
14 : #1a1b2d : -12
16 : #1e1f33 : -10
18 : #22233a : -8
20 : #262740 : -6
22 : #2a2a47 : -4
24 : #2d2e4d : -2
26 : #313254 : ±0
28 : #35365a : +2
30 : #393a60 : +4
32 : #3c3e67 : +6
34 : #40426d : +8
36 : #444674 : +10
38 : #48497a : +12
40 : #4b4d81 : +14
42 : #4f5187 : +16
44 : #53558d : +18
46 : #575994 : +20
48 : #5b5d9a : +22
50 : #5e61a1 : +24
52 : #6567a4 : +26
54 : #6b6da8 : +28
56 : #7274ac : +30
58 : #787ab0 : +32
60 : #7e80b4 : +34
62 : #8587b7 : +36
64 : #8b8dbb : +38
66 : #9293bf : +40
68 : #989ac3 : +42
70 : #9fa0c6 : +44
72 : #a5a6ca : +46
74 : #abadce : +48
76 : #b2b3d2 : +50
78 : #b8b9d5 : +52
80 : #bfc0d9 : +54
82 : #c5c6dd : +56
84 : #cccce1 : +58
86 : #d2d3e5 : +60
88 : #d8d9e8 : +62
90 : #dfdfec : +64
92 : #e5e6f0 : +66
94 : #ececf4 : +68
96 : #f2f2f7 : +70
98 : #f9f9fb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow