#cca88a
RGB ( 赤 = 204, 緑 = 168, 青 = 138 )
HSL ( 色相 = 27°, 彩度 = 39%, 明度 = 67% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #cc928a : -20
17 : #cc9d8a : -10
27 : #cca88a : ±0
37 : #ccb38a : +10
47 : #ccbd8a : +20
57 : #ccc88a : +30
67 : #c4cc8a : +40
77 : #b9cc8a : +50
87 : #aecc8a : +60
97 : #a3cc8a : +70
107 : #98cc8a : +80
117 : #8dcc8a : +90
127 : #8acc92 : +100
137 : #8acc9d : +110
147 : #8acca8 : +120
157 : #8accb3 : +130
167 : #8accbd : +140
177 : #8accc8 : +150
187 : #8ac4cc : +160
197 : #8ab9cc : +170
207 : #8aaecc : +180
217 : #8aa3cc : +190
227 : #8a98cc : +200
237 : #8a8dcc : +210
247 : #928acc : +220
257 : #9d8acc : +230
267 : #a88acc : +240
277 : #b38acc : +250
287 : #bd8acc : +260
297 : #c88acc : +270
307 : #cc8ac4 : +280
317 : #cc8ab9 : +290
327 : #cc8aae : +300
337 : #cc8aa3 : +310
347 : #cc8a98 : +320
357 : #cc8a8d : +330
17 : #cc9d8a : -10
18 : #cc9e8a : -9
19 : #cc9f8a : -8
20 : #cca08a : -7
21 : #cca18a : -6
22 : #cca28a : -5
23 : #cca38a : -4
24 : #cca48a : -3
25 : #cca58a : -2
26 : #cca68a : -1
27 : #cca88a : ±0
28 : #cca98a : +1
29 : #ccaa8a : +2
30 : #ccab8a : +3
31 : #ccac8a : +4
32 : #ccad8a : +5
33 : #ccae8a : +6
34 : #ccaf8a : +7
35 : #ccb08a : +8
36 : #ccb18a : +9
37 : #ccb38a : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #acabaa : -38
3 : #adaba8 : -36
5 : #afaaa7 : -34
7 : #b1aaa5 : -32
9 : #b2aaa3 : -30
11 : #b4aaa2 : -28
13 : #b6aaa0 : -26
15 : #b7aa9e : -24
17 : #b9a99d : -22
19 : #bba99b : -20
21 : #bda999 : -18
23 : #bea997 : -16
25 : #c0a996 : -14
27 : #c2a994 : -12
29 : #c3a892 : -10
31 : #c5a891 : -8
33 : #c7a88f : -6
35 : #c8a88d : -4
37 : #caa88c : -2
39 : #cca88a : ±0
41 : #cda788 : +2
43 : #cfa787 : +4
45 : #d1a785 : +6
47 : #d2a783 : +8
49 : #d4a782 : +10
51 : #d6a780 : +12
53 : #d7a67e : +14
55 : #d9a67d : +16
57 : #dba67b : +18
59 : #dca679 : +20
61 : #dea678 : +22
63 : #e0a676 : +24
65 : #e2a574 : +26
67 : #e3a572 : +28
69 : #e5a571 : +30
71 : #e7a56f : +32
73 : #e8a56d : +34
75 : #eaa56c : +36
77 : #eca46a : +38
79 : #eda468 : +40
81 : #efa467 : +42
83 : #f1a465 : +44
85 : #f2a463 : +46
87 : #f4a462 : +48
89 : #f6a360 : +50
91 : #f7a35e : +52
93 : #f9a35d : +54
95 : #fba35b : +56
97 : #fca359 : +58
99 : #fea358 : +60
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -66
3 : #0b0705 : -64
5 : #120c08 : -62
7 : #19110b : -60
9 : #20160e : -58
11 : #271b11 : -56
13 : #2e2014 : -54
15 : #352517 : -52
17 : #3c2a1a : -50
19 : #432f1e : -48
21 : #4a3321 : -46
23 : #523824 : -44
25 : #593d27 : -42
27 : #60422a : -40
29 : #67472d : -38
31 : #6e4c30 : -36
33 : #755133 : -34
35 : #7c5636 : -32
37 : #835b3a : -30
39 : #8a603d : -28
41 : #916440 : -26
43 : #986943 : -24
45 : #a06e46 : -22
47 : #a77349 : -20
49 : #ae784c : -18
51 : #b37d51 : -16
53 : #b68258 : -14
55 : #b9885f : -12
57 : #bc8d67 : -10
59 : #bf926e : -8
61 : #c29875 : -6
63 : #c59d7c : -4
65 : #c9a283 : -2
67 : #cca88a : ±0
69 : #cfad91 : +2
71 : #d2b298 : +4
73 : #d5b79f : +6
75 : #d8bda6 : +8
77 : #dbc2ad : +10
79 : #dec7b5 : +12
81 : #e1cdbc : +14
83 : #e5d2c3 : +16
85 : #e8d7ca : +18
87 : #ebddd1 : +20
89 : #eee2d8 : +22
91 : #f1e7df : +24
93 : #f4ece6 : +26
95 : #f7f2ed : +28
97 : #faf7f4 : +30
99 : #fdfcfb : +32
CSS入門、作ってます。
text-shadow