#c45a61
RGB ( 赤 = 196, 緑 = 90, 青 = 97 )
HSL ( 色相 = 356°, 彩度 = 47%, 明度 = 56% )
H : 色相 ( 356° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c4655a : -350
16 : #c4765a : -340
26 : #c4885a : -330
36 : #c4995a : -320
46 : #c4ab5a : -310
56 : #c4bd5a : -300
66 : #b9c45a : -290
76 : #a7c45a : -280
86 : #96c45a : -270
96 : #84c45a : -260
106 : #73c45a : -250
116 : #61c45a : -240
126 : #5ac465 : -230
136 : #5ac476 : -220
146 : #5ac488 : -210
156 : #5ac499 : -200
166 : #5ac4ab : -190
176 : #5ac4bd : -180
186 : #5ab9c4 : -170
196 : #5aa7c4 : -160
206 : #5a96c4 : -150
216 : #5a84c4 : -140
226 : #5a73c4 : -130
236 : #5a61c4 : -120
246 : #655ac4 : -110
256 : #765ac4 : -100
266 : #885ac4 : -90
276 : #995ac4 : -80
286 : #ab5ac4 : -70
296 : #bd5ac4 : -60
306 : #c45ab9 : -50
316 : #c45aa7 : -40
326 : #c45a96 : -30
336 : #c45a84 : -20
346 : #c45a73 : -10
356 : #c45a61 : ±0
346 : #c45a73 : -10
347 : #c45a71 : -9
348 : #c45a6f : -8
349 : #c45a6d : -7
350 : #c45a6c : -6
351 : #c45a6a : -5
352 : #c45a68 : -4
353 : #c45a66 : -3
354 : #c45a65 : -2
355 : #c45a63 : -1
356 : #c45a61 : ±0
357 : #c45a5f : +1
358 : #c45a5e : +2
359 : #c45a5c : +3
0 : #c45a5a : -356
1 : #c45c5a : -355
2 : #c45e5a : -354
3 : #c45f5a : -353
4 : #c4615a : -352
5 : #c4635a : -351
6 : #c4655a : -350
S : 彩度 ( 47% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -46
3 : #928b8c : -44
5 : #94898a : -42
7 : #978788 : -40
9 : #998586 : -38
11 : #9b8284 : -36
13 : #9d8082 : -34
15 : #a07e80 : -32
17 : #a27c7e : -30
19 : #a4797c : -28
21 : #a6777a : -26
23 : #a97578 : -24
25 : #ab7376 : -22
27 : #ad7175 : -20
29 : #af6e73 : -18
31 : #b26c71 : -16
33 : #b46a6f : -14
35 : #b6686d : -12
37 : #b8656b : -10
39 : #bb6369 : -8
41 : #bd6167 : -6
43 : #bf5f65 : -4
45 : #c15c63 : -2
47 : #c45a61 : ±0
49 : #c6585f : +2
51 : #c8565d : +4
53 : #ca535b : +6
55 : #cd5159 : +8
57 : #cf4f57 : +10
59 : #d14d55 : +12
61 : #d34a53 : +14
63 : #d54852 : +16
65 : #d84650 : +18
67 : #da444e : +20
69 : #dc414c : +22
71 : #de3f4a : +24
73 : #e13d48 : +26
75 : #e33b46 : +28
77 : #e53844 : +30
79 : #e73642 : +32
81 : #ea3440 : +34
83 : #ec323e : +36
85 : #ee2f3c : +38
87 : #f02d3a : +40
89 : #f32b38 : +42
91 : #f52936 : +44
93 : #f72634 : +46
95 : #f92432 : +48
97 : #fc2230 : +50
99 : #fe202f : +52
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #070303 : -54
4 : #0f0506 : -52
6 : #160809 : -50
8 : #1e0b0c : -48
10 : #250e0f : -46
12 : #2d1012 : -44
14 : #341315 : -42
16 : #3c1618 : -40
18 : #43181b : -38
20 : #4b1b1e : -36
22 : #521e21 : -34
24 : #5a2024 : -32
26 : #612327 : -30
28 : #69262a : -28
30 : #70292d : -26
32 : #782b30 : -24
34 : #7f2e33 : -22
36 : #873136 : -20
38 : #8e3339 : -18
40 : #96363c : -16
42 : #9d393f : -14
44 : #a53b42 : -12
46 : #ac3e46 : -10
48 : #b44149 : -8
50 : #bb444c : -6
52 : #be4b53 : -4
54 : #c1535a : -2
56 : #c45a61 : ±0
58 : #c66268 : +2
60 : #c9696f : +4
62 : #cc7177 : +6
64 : #ce787e : +8
66 : #d18085 : +10
68 : #d4878c : +12
70 : #d68f93 : +14
72 : #d9969b : +16
74 : #dc9ea2 : +18
76 : #dfa5a9 : +20
78 : #e1adb0 : +22
80 : #e4b4b7 : +24
82 : #e7bcbe : +26
84 : #e9c3c6 : +28
86 : #eccbcd : +30
88 : #efd2d4 : +32
90 : #f1dadb : +34
92 : #f4e1e2 : +36
94 : #f7e9e9 : +38
96 : #faf0f1 : +40
98 : #fcf8f8 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow