#ba455e
RGB ( 赤 = 186, 緑 = 69, 青 = 94 )
HSL ( 色相 = 347°, 彩度 = 46%, 明度 = 50% )
H : 色相 ( 347° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ba5345 : -340
17 : #ba6645 : -330
27 : #ba7a45 : -320
37 : #ba8d45 : -310
47 : #baa145 : -300
57 : #bab445 : -290
67 : #acba45 : -280
77 : #99ba45 : -270
87 : #85ba45 : -260
97 : #72ba45 : -250
107 : #5eba45 : -240
117 : #4bba45 : -230
127 : #45ba53 : -220
137 : #45ba66 : -210
147 : #45ba7a : -200
157 : #45ba8d : -190
167 : #45baa1 : -180
177 : #45bab4 : -170
187 : #45acba : -160
197 : #4599ba : -150
207 : #4585ba : -140
217 : #4572ba : -130
227 : #455eba : -120
237 : #454bba : -110
247 : #5345ba : -100
257 : #6645ba : -90
267 : #7a45ba : -80
277 : #8d45ba : -70
287 : #a145ba : -60
297 : #b445ba : -50
307 : #ba45ac : -40
317 : #ba4599 : -30
327 : #ba4585 : -20
337 : #ba4572 : -10
347 : #ba455e : ±0
357 : #ba454b : +10
337 : #ba4572 : -10
338 : #ba4570 : -9
339 : #ba456e : -8
340 : #ba456c : -7
341 : #ba456a : -6
342 : #ba4568 : -5
343 : #ba4566 : -4
344 : #ba4564 : -3
345 : #ba4562 : -2
346 : #ba4560 : -1
347 : #ba455e : ±0
348 : #ba455c : +1
349 : #ba455a : +2
350 : #ba4558 : +3
351 : #ba4556 : +4
352 : #ba4554 : +5
353 : #ba4553 : +6
354 : #ba4551 : +7
355 : #ba454f : +8
356 : #ba454d : +9
357 : #ba454b : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -46
2 : #827d7e : -44
4 : #857a7d : -42
6 : #87787b : -40
8 : #8a757a : -38
10 : #8c7378 : -36
12 : #8f7077 : -34
14 : #916e75 : -32
16 : #946b74 : -30
18 : #966972 : -28
20 : #996671 : -26
22 : #9c6370 : -24
24 : #9e616e : -22
26 : #a15e6d : -20
28 : #a35c6b : -18
30 : #a6596a : -16
32 : #a85768 : -14
34 : #ab5467 : -12
36 : #ad5265 : -10
38 : #b04f64 : -8
40 : #b34d63 : -6
42 : #b54a61 : -4
44 : #b84760 : -2
46 : #ba455e : ±0
48 : #bd425d : +2
50 : #bf405b : +4
52 : #c23d5a : +6
54 : #c43b58 : +8
56 : #c73857 : +10
58 : #c93656 : +12
60 : #cc3354 : +14
62 : #cf3053 : +16
64 : #d12e51 : +18
66 : #d42b50 : +20
68 : #d6294e : +22
70 : #d9264d : +24
72 : #db244b : +26
74 : #de214a : +28
76 : #e01f49 : +30
78 : #e31c47 : +32
80 : #e61a46 : +34
82 : #e81744 : +36
84 : #eb1443 : +38
86 : #ed1241 : +40
88 : #f00f40 : +42
90 : #f20d3e : +44
92 : #f50a3d : +46
94 : #f7083c : +48
96 : #fa053a : +50
98 : #fc0339 : +52
100 : #ff0037 : +54
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070304 : -48
4 : #0f0608 : -46
6 : #16080b : -44
8 : #1e0b0f : -42
10 : #250e13 : -40
12 : #2d1117 : -38
14 : #34131a : -36
16 : #3c161e : -34
18 : #431922 : -32
20 : #4a1c26 : -30
22 : #521e29 : -28
24 : #59212d : -26
26 : #612431 : -24
28 : #682735 : -22
30 : #702939 : -20
32 : #772c3c : -18
34 : #7f2f40 : -16
36 : #863244 : -14
38 : #8d3448 : -12
40 : #95374b : -10
42 : #9c3a4f : -8
44 : #a43d53 : -6
46 : #ab3f57 : -4
48 : #b3425a : -2
50 : #ba455e : ±0
52 : #bd4c65 : +2
54 : #c0546b : +4
56 : #c25b72 : +6
58 : #c56378 : +8
60 : #c86a7e : +10
62 : #cb7285 : +12
64 : #cd798b : +14
66 : #d08092 : +16
68 : #d38898 : +18
70 : #d68f9f : +20
72 : #d897a5 : +22
74 : #db9eab : +24
76 : #dea6b2 : +26
78 : #e1adb8 : +28
80 : #e3b5bf : +30
82 : #e6bcc5 : +32
84 : #e9c3cc : +34
86 : #eccbd2 : +36
88 : #eed2d8 : +38
90 : #f1dadf : +40
92 : #f4e1e5 : +42
94 : #f7e9ec : +44
96 : #f9f0f2 : +46
98 : #fcf8f9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow