#2c5068
RGB ( 赤 = 44, 緑 = 80, 青 = 104 )
HSL ( 色相 = 204°, 彩度 = 41%, 明度 = 29% )
H : 色相 ( 204° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #68302c : -200
14 : #683a2c : -190
24 : #68442c : -180
34 : #684e2c : -170
44 : #68582c : -160
54 : #68622c : -150
64 : #64682c : -140
74 : #5a682c : -130
84 : #50682c : -120
94 : #46682c : -110
104 : #3c682c : -100
114 : #32682c : -90
124 : #2c6830 : -80
134 : #2c683a : -70
144 : #2c6844 : -60
154 : #2c684e : -50
164 : #2c6858 : -40
174 : #2c6862 : -30
184 : #2c6468 : -20
194 : #2c5a68 : -10
204 : #2c5068 : ±0
214 : #2c4668 : +10
224 : #2c3c68 : +20
234 : #2c3268 : +30
244 : #302c68 : +40
254 : #3a2c68 : +50
264 : #442c68 : +60
274 : #4e2c68 : +70
284 : #582c68 : +80
294 : #622c68 : +90
304 : #682c64 : +100
314 : #682c5a : +110
324 : #682c50 : +120
334 : #682c46 : +130
344 : #682c3c : +140
354 : #682c32 : +150
194 : #2c5a68 : -10
195 : #2c5968 : -9
196 : #2c5868 : -8
197 : #2c5768 : -7
198 : #2c5668 : -6
199 : #2c5568 : -5
200 : #2c5468 : -4
201 : #2c5368 : -3
202 : #2c5268 : -2
203 : #2c5168 : -1
204 : #2c5068 : ±0
205 : #2c4f68 : +1
206 : #2c4e68 : +2
207 : #2c4d68 : +3
208 : #2c4c68 : +4
209 : #2c4b68 : +5
210 : #2c4a68 : +6
211 : #2c4968 : +7
212 : #2c4868 : +8
213 : #2c4768 : +9
214 : #2c4668 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #494a4b : -40
3 : #484a4c : -38
5 : #464b4e : -36
7 : #454b4f : -34
9 : #434b51 : -32
11 : #424c52 : -30
13 : #404c54 : -28
15 : #3f4c55 : -26
17 : #3d4c57 : -24
19 : #3c4d58 : -22
21 : #3a4d59 : -20
23 : #394d5b : -18
25 : #374e5c : -16
27 : #364e5e : -14
29 : #354e5f : -12
31 : #334f61 : -10
33 : #324f62 : -8
35 : #304f64 : -6
37 : #2f4f65 : -4
39 : #2d5067 : -2
41 : #2c5068 : ±0
43 : #2a506a : +2
45 : #29516b : +4
47 : #27516d : +6
49 : #26516e : +8
51 : #245170 : +10
53 : #235271 : +12
55 : #215273 : +14
57 : #205274 : +16
59 : #1e5376 : +18
61 : #1d5377 : +20
63 : #1b5379 : +22
65 : #1a547a : +24
67 : #18547b : +26
69 : #17547d : +28
71 : #15547e : +30
73 : #145580 : +32
75 : #125581 : +34
77 : #115583 : +36
79 : #105684 : +38
81 : #0e5686 : +40
83 : #0d5687 : +42
85 : #0b5789 : +44
87 : #0a578a : +46
89 : #08578c : +48
91 : #07578d : +50
93 : #05588f : +52
95 : #045890 : +54
97 : #025892 : +56
99 : #015993 : +58
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #020304 : -28
3 : #05080b : -26
5 : #080e12 : -24
7 : #0b1319 : -22
9 : #0e1920 : -20
11 : #111e28 : -18
13 : #14242f : -16
15 : #172936 : -14
17 : #1a2f3d : -12
19 : #1d3444 : -10
21 : #203a4c : -8
23 : #233f53 : -6
25 : #26455a : -4
27 : #294a61 : -2
29 : #2c5068 : ±0
31 : #2f566f : +2
33 : #325b77 : +4
35 : #35617e : +6
37 : #386685 : +8
39 : #3b6c8c : +10
41 : #3e7193 : +12
43 : #41779b : +14
45 : #447ca2 : +16
47 : #4782a9 : +18
49 : #4a87b0 : +20
51 : #4f8cb5 : +22
53 : #5691b8 : +24
55 : #5d96bb : +26
57 : #649abe : +28
59 : #6c9fc1 : +30
61 : #73a4c4 : +32
63 : #7aa8c7 : +34
65 : #81adca : +36
67 : #88b2cd : +38
69 : #90b6d0 : +40
71 : #97bbd3 : +42
73 : #9ec0d6 : +44
75 : #a5c4d9 : +46
77 : #acc9dc : +48
79 : #b3cedf : +50
81 : #bbd3e2 : +52
83 : #c2d7e5 : +54
85 : #c9dce8 : +56
87 : #d0e1eb : +58
89 : #d7e5ee : +60
91 : #dfeaf1 : +62
93 : #e6eff4 : +64
95 : #edf3f7 : +66
97 : #f4f8fa : +68
99 : #fbfdfd : +70
CSS入門、作ってます。
text-shadow