#bea189
RGB ( 赤 = 190, 緑 = 161, 青 = 137 )
HSL ( 色相 = 27°, 彩度 = 29%, 明度 = 64% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #be8f89 : -20
17 : #be9889 : -10
27 : #bea189 : ±0
37 : #bea989 : +10
47 : #beb289 : +20
57 : #bebb89 : +30
67 : #b8be89 : +40
77 : #afbe89 : +50
87 : #a6be89 : +60
97 : #9dbe89 : +70
107 : #94be89 : +80
117 : #8bbe89 : +90
127 : #89be8f : +100
137 : #89be98 : +110
147 : #89bea1 : +120
157 : #89bea9 : +130
167 : #89beb2 : +140
177 : #89bebb : +150
187 : #89b8be : +160
197 : #89afbe : +170
207 : #89a6be : +180
217 : #899dbe : +190
227 : #8994be : +200
237 : #898bbe : +210
247 : #8f89be : +220
257 : #9889be : +230
267 : #a189be : +240
277 : #a989be : +250
287 : #b289be : +260
297 : #bb89be : +270
307 : #be89b8 : +280
317 : #be89af : +290
327 : #be89a6 : +300
337 : #be899d : +310
347 : #be8994 : +320
357 : #be898b : +330
17 : #be9889 : -10
18 : #be9989 : -9
19 : #be9989 : -8
20 : #be9a89 : -7
21 : #be9b89 : -6
22 : #be9c89 : -5
23 : #be9d89 : -4
24 : #be9e89 : -3
25 : #be9f89 : -2
26 : #bea089 : -1
27 : #bea189 : ±0
28 : #bea189 : +1
29 : #bea289 : +2
30 : #bea389 : +3
31 : #bea489 : +4
32 : #bea589 : +5
33 : #bea689 : +6
34 : #bea789 : +7
35 : #bea889 : +8
36 : #bea989 : +9
37 : #bea989 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a4a3a2 : -28
3 : #a6a3a0 : -26
5 : #a8a39f : -24
7 : #aaa39d : -22
9 : #aba29b : -20
11 : #ada299 : -18
13 : #afa297 : -16
15 : #b1a295 : -14
17 : #b3a294 : -12
19 : #b5a192 : -10
21 : #b6a190 : -8
23 : #b8a18e : -6
25 : #baa18c : -4
27 : #bca18a : -2
29 : #bea189 : ±0
31 : #c0a087 : +2
33 : #c1a085 : +4
35 : #c3a083 : +6
37 : #c5a081 : +8
39 : #c7a07f : +10
41 : #c99f7e : +12
43 : #cb9f7c : +14
45 : #cd9f7a : +16
47 : #ce9f78 : +18
49 : #d09f76 : +20
51 : #d29f74 : +22
53 : #d49e73 : +24
55 : #d69e71 : +26
57 : #d89e6f : +28
59 : #d99e6d : +30
61 : #db9e6b : +32
63 : #dd9d69 : +34
65 : #df9d68 : +36
67 : #e19d66 : +38
69 : #e39d64 : +40
71 : #e49d62 : +42
73 : #e69c60 : +44
75 : #e89c5e : +46
77 : #ea9c5d : +48
79 : #ec9c5b : +50
81 : #ee9c59 : +52
83 : #ef9c57 : +54
85 : #f19b55 : +56
87 : #f39b53 : +58
89 : #f59b51 : +60
91 : #f79b50 : +62
93 : #f99b4e : +64
95 : #fa9a4c : +66
97 : #fc9a4a : +68
99 : #fe9a48 : +70
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #070504 : -62
4 : #0d0a07 : -60
6 : #140f0b : -58
8 : #1a140e : -56
10 : #211912 : -54
12 : #271e16 : -52
14 : #2e2319 : -50
16 : #35281d : -48
18 : #3b2d21 : -46
20 : #423224 : -44
22 : #483628 : -42
24 : #4f3b2b : -40
26 : #56402f : -38
28 : #5c4533 : -36
30 : #634a36 : -34
32 : #694f3a : -32
34 : #70543e : -30
36 : #765941 : -28
38 : #7d5e45 : -26
40 : #846348 : -24
42 : #8a684c : -22
44 : #916d50 : -20
46 : #977253 : -18
48 : #9e7757 : -16
50 : #a47c5b : -14
52 : #a88161 : -12
54 : #ac8668 : -10
56 : #af8c6e : -8
58 : #b39175 : -6
60 : #b7967b : -4
62 : #ba9b82 : -2
64 : #bea189 : ±0
66 : #c1a68f : +2
68 : #c5ab96 : +4
70 : #c9b09c : +6
72 : #ccb6a3 : +8
74 : #d0bba9 : +10
76 : #d4c0b0 : +12
78 : #d7c5b7 : +14
80 : #dbcbbd : +16
82 : #ded0c4 : +18
84 : #e2d5ca : +20
86 : #e6dad1 : +22
88 : #e9e0d8 : +24
90 : #ede5de : +26
92 : #f1eae5 : +28
94 : #f4efeb : +30
96 : #f8f5f2 : +32
98 : #fbfaf8 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow