#683b59
RGB ( 赤 = 104, 緑 = 59, 青 = 89 )
HSL ( 色相 = 320°, 彩度 = 28%, 明度 = 32% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #683b3b : -320
10 : #68423b : -310
20 : #684a3b : -300
30 : #68523b : -290
40 : #68593b : -280
50 : #68613b : -270
60 : #68683b : -260
70 : #61683b : -250
80 : #59683b : -240
90 : #52683b : -230
100 : #4a683b : -220
110 : #42683b : -210
120 : #3b683b : -200
130 : #3b6842 : -190
140 : #3b684a : -180
150 : #3b6852 : -170
160 : #3b6859 : -160
170 : #3b6861 : -150
180 : #3b6868 : -140
190 : #3b6168 : -130
200 : #3b5968 : -120
210 : #3b5268 : -110
220 : #3b4a68 : -100
230 : #3b4268 : -90
240 : #3b3b68 : -80
250 : #423b68 : -70
260 : #4a3b68 : -60
270 : #523b68 : -50
280 : #593b68 : -40
290 : #613b68 : -30
300 : #683b68 : -20
310 : #683b61 : -10
320 : #683b59 : ±0
330 : #683b52 : +10
340 : #683b4a : +20
350 : #683b42 : +30
310 : #683b61 : -10
311 : #683b60 : -9
312 : #683b5f : -8
313 : #683b5f : -7
314 : #683b5e : -6
315 : #683b5d : -5
316 : #683b5c : -4
317 : #683b5c : -3
318 : #683b5b : -2
319 : #683b5a : -1
320 : #683b59 : ±0
321 : #683b58 : +1
322 : #683b58 : +2
323 : #683b57 : +3
324 : #683b56 : +4
325 : #683b55 : +5
326 : #683b55 : +6
327 : #683b54 : +7
328 : #683b53 : +8
329 : #683b52 : +9
330 : #683b52 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -28
2 : #535052 : -26
4 : #554e53 : -24
6 : #564d53 : -22
8 : #584b54 : -20
10 : #5a4954 : -18
12 : #5b4855 : -16
14 : #5d4655 : -14
16 : #5f4556 : -12
18 : #604356 : -10
20 : #624157 : -8
22 : #644058 : -6
24 : #653e58 : -4
26 : #673c59 : -2
28 : #683b59 : ±0
30 : #6a395a : +2
32 : #6c375a : +4
34 : #6d365b : +6
36 : #6f345b : +8
38 : #71335c : +10
40 : #72315c : +12
42 : #742f5d : +14
44 : #762e5e : +16
46 : #772c5e : +18
48 : #792a5f : +20
50 : #7a295f : +22
52 : #7c2760 : +24
54 : #7e2660 : +26
56 : #7f2461 : +28
58 : #812261 : +30
60 : #832162 : +32
62 : #841f62 : +34
64 : #861d63 : +36
66 : #871c64 : +38
68 : #891a64 : +40
70 : #8b1865 : +42
72 : #8c1765 : +44
74 : #8e1566 : +46
76 : #901466 : +48
78 : #911267 : +50
80 : #931067 : +52
82 : #950f68 : +54
84 : #960d68 : +56
86 : #980b69 : +58
88 : #990a6a : +60
90 : #9b086a : +62
92 : #9d076b : +64
94 : #9e056b : +66
96 : #a0036c : +68
98 : #a2026c : +70
100 : #a3006d : +72
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070406 : -30
4 : #0d070b : -28
6 : #140b11 : -26
8 : #1a0f16 : -24
10 : #21121c : -22
12 : #271621 : -20
14 : #2e1a27 : -18
16 : #341d2d : -16
18 : #3b2132 : -14
20 : #412538 : -12
22 : #48283d : -10
24 : #4e2c43 : -8
26 : #553048 : -6
28 : #5b334e : -4
30 : #623754 : -2
32 : #683b59 : ±0
34 : #6f3e5f : +2
36 : #764264 : +4
38 : #7c466a : +6
40 : #834970 : +8
42 : #894d75 : +10
44 : #90517b : +12
46 : #965480 : +14
48 : #9d5886 : +16
50 : #a35c8b : +18
52 : #a76290 : +20
54 : #ab6995 : +22
56 : #ae6f99 : +24
58 : #b2769e : +26
60 : #b67ca3 : +28
62 : #b983a7 : +30
64 : #bd89ac : +32
66 : #c190b0 : +34
68 : #c497b5 : +36
70 : #c89dba : +38
72 : #cca4be : +40
74 : #cfaac3 : +42
76 : #d3b1c8 : +44
78 : #d7b7cc : +46
80 : #dabed1 : +48
82 : #dec4d5 : +50
84 : #e2cbda : +52
86 : #e5d1df : +54
88 : #e9d8e3 : +56
90 : #eddee8 : +58
92 : #f0e5ed : +60
94 : #f4ebf1 : +62
96 : #f8f2f6 : +64
98 : #fbf8fa : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow